Показать ASP.NET GridView внутри выбранной строки в другом GridView

Question

Мне дали макет, который я не знаю, который можно кодировать в ASP.NET, не будучи настоящим мастером HTML и JavaScript.

Я хочу GridView, чтобы при выборе строки выбранная строка расширялась, а под выбранной строкой отображалась панель дополнительной информации, которая также включала бы другой небольшой GridView. Идея в том, что все это будет в линии. Таким образом, если пользователь выбрал строку 4, то дополнительная информация появится под строкой 4, а затем после дополнительной информации родительский GridView продолжит работу со строкой 5.

В конечном счете, я хотел бы сделать несколько вариантов настройки, но сначала мне нужно выяснить, возможно ли это вообще. Кроме того, решение должно быть 508-совместимым

Единственным решением, которое я рассмотрел, было использование только одного «столбца». Затем я поместил бы все свои поля в ItemTemplate, а содержимое панели подробностей в EditItemTemplate и вместо выбора строки установил его в режим редактирования. Проблема с этим решением заключается в том, что я теряю функциональность нескольких столбцов, если бросаю все в один огромный ItemTemplate.

Любые предложения и идеи приветствуются.

Answer 1

То, что вы описываете, будет лучше всего выполнено с ListView элементом управления. Для настройки требуется немного больше шаблонной работы, чем для вида сетки, но у вас гораздо больше контроля над ним, и вы можете эмулировать внешний вид GridView. Вы должны настроить свой шаблон Выбранных элементов так, чтобы он содержал другой ListView (или GridView), связанный с вашими подробными данными.

Answer 2

Я сделал это, используя сетку внутри ListView и используя ajaxcontroltoolkit складная панель

Ваш родительский список будет представлением списка, в котором будет по 2 строки таблицы для каждого элемента, в первой строке родительского столбца, во второй строке используйте colspan и добавьте вид сетки, свернутый на складную панель