соединить между различными рядами таблицы

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> s, который вы хотите показать и скрыть.Дайте каждому из них два класса - один должен охватывать все из них (как, скажем, «userProjectTr», а другим должно быть имя человека, которому принадлежит проект (которому вы также даете строку имени). Имеет функцию onclickдля строки имени возьмите его класс (т. е. имя пользователя. На данный момент назовите его «username»), затем скройте все tr.userProjectTr, затем покажите все tr.username

Все это довольно просто вjquery. Если по какой-то причине вы не хотите делать это в jquery, я не смогу вам помочь, и вам, вероятно, следует удалить тег jquery из вашего вопроса.