Две таблицы на одной странице Asp.Net

Question

Мой проект в Asp.Net Webforms использует C #.

На одной из моих веб-страниц я хочу иметь две таблицы. Один будет сводной таблицей, а другой - более подробным описанием. Когда пользователь нажимает на одну из строк сводной таблицы, я хочу, чтобы соответствующие таблицы разбивки появлялись в таблице разбивки.

Эти таблицы могут содержать от 60 до 500 строк.

Я подумал о двух возможных способах сделать это, и я не уверен, какой из них лучше, или, если есть другой, лучший способ реализовать это:

1) Когда пользователь нажимает на одну из строк в первой таблице, происходит событие обратной передачи, и данные для второй таблицы загружаются из кода позади.

2) Когда веб-страница загружается в первый раз, обе таблицы заполняются всеми возможными данными, но все строки во второй таблице имеют « display: none; » CSS приписывать. Когда пользователь нажимает на строку сводки, CSS соответствующих строк разбивки изменяется с помощью JavaScript.

Answer 1

Я бы пошел с вашей первой мыслью и, возможно, либо

1. загрузка данных для второй таблицы через запрос AJAX, возвращающий только данные строк в JSON (или, может быть, даже HTML для таблицы)

2. использовать UpdatePanel

если пользователю нужно только просмотреть данные, я бы выбрал первое, но если ему нужно каким-либо образом редактировать данные, я бы, вероятно, выбрал второе (хотя я знаю, что UpdatePanels эффективно полная обратная передача в асинхронной одежде, я чувствую, что их использование может сделать интерфейс более плавным).

Answer 2

вторым способом нет, загрузка всех данных, а затем скрытие показа не очень хорошая идея, это будет медленным, и если вы добавите больше функциональности, это только мешает вам ...

Я рекомендуюэто два подхода:

1) первая таблица с разбиением на страницы

щелчок по строке запускает вызов ajax для метода страницы

метод страницы возвращает вторую таблицу

здесь,Вы можете увидеть, как это сделать:

http://encosia.com/2008/02/05/boost-aspnet-performance-with-deferred-content-loading/

2) использование uframe

http://labs.omaralzabir.com/UFrame2005/

ура

Answer 3

Вы также можете сделать вызов AJAX, когда пользователь щелкает строку в сводной таблице, чтобы получить данные для 2-й таблицы.