在表格的不同行之間連接

Question

我有一個100或更多行的表格，它在運行時在asp.net中創建了Table。

此表顯示用戶的項目。

不同的用戶有一些不同的項目。

我想當管理員點擊用戶項目（slideToggle）名稱用戶顯示行內容列的行。

// -------------

// -------------

protected void btnShowProject_Click(object sender, EventArgs e) 
{ 
     Project project = new Project(); 
     DataTable result = project.getAll(); 

     Table table = new Table();    
     TableRow tableRow = new TableRow(); 
     TableCell tableCell = new TableCell(); 

     tableCell.Text = "id";    
     tableRow.Cells.Add(tableCell); 

     tableCell = new TableCell(); 
     tableCell.Text = "name"; 
     tableRow.Cells.Add(tableCell); 

     table.Rows.Add(tableRow); 
     tableRow = new TableRow(); 

     for (int i = 0; i < result.Rows.Count; i++) 
     { 
      for (int j = 0; j < result.Columns.Count; j++) 
      { 

       tableCell = new TableCell();    
       tableCell.Text = result.Rows[i][j].ToString(); 
       tableRow.Cells.Add(tableCell); 
      } 
      table.Rows.Add(tableRow); 
      tableRow = new TableRow(); 
     } 

     contentProject.Controls.Add(table); 

} 

Answer 1

採取看看這個： http://jqueryui.com/demos/accordion/

我認爲這是你想要的，試試一些例子。如果你有問題發回。

Answer 2

我不完全確定你在問什麼，但如果這是我認爲你問的，那就相對簡單。使用您要顯示和隱藏的<tr>的class屬性。給他們每個人兩個類 - 一個應該涵蓋所有這些類（比如說，「userProjectTr」，一個應該是項目所屬人的名字（你也給名字行）。有onclick函數爲名字行抓住它的類（即，用戶的名字，現在稱之爲「用戶名」），然後隱藏所有tr.userProjectTr，然後顯示所有tr.username

所有這些在jquery中都非常簡單。如果你不想這樣做jQuery中，由於某種原因，我不太能夠幫助你，你應該從你的問題中刪除jQuery的標籤