Динамично обновляющие строки в HTML-таблице с помощью UpdatePanel
Да, два быстрых способа, которые приходят мне в голову на данный момент (если вы не используете базу данных):
1) использовать регистрацию (поиск и обновление могут быть сложнее)
2 ) структуры пользовательских данных - в памяти (выберите гибкую структуру данных, хранение объектов данных в списке массивов будет простым, но опять же зависит от ваших требований и характера данных)
4 ответа
Ответ: В конце нет никакого способа сделать это использование UpdatePanel. Лучшее, которого можно достигнуть, обновляет всю таблицу, но не отдельные строки.
UpdatePanel представляет как Тег Div и поэтому недопустим между строками таблицы. Если все, что Вы хотите, должно скрыть содержание при поддержании (очень очень плохой) сервировки, включать тег style в строку с var ASP там для значения видимости как это:
<tr style="display: <%= visible %>">
<td></td>
</tr>
Затем Вы управляете видимой переменной по мере необходимости.
Тем не менее отставление в сторону надлежащего расположения причиняет Вам боль здесь.
При динамичном создании средств управления можно решить который вещи отобразиться или скрыться при генерации средств управления.
Можно также сделать вещи как это:
<table>
<tr id="row1" runat="server">
<td>Label</td><td>Field</td>
</tr>
</table>
И из кода позади:
row1.visible = false;
Модификация ответа @Rob Allen, сделайте это:
CSS
.hidden_row {
display: none;
}
ASPX
<tr class="<%= variable %>">
Та же идея, просто с помощью класса вместо того, чтобы кодировать CSS непосредственно в таблицу.
UpdatePanels (или обратные передачи Ajax в целом) не должен использоваться, чтобы просто скрыть или показать элементы. Если необходимо обновить данные, это - одна вещь..., но иначе, просто используйте JavaScript для изменения свойства CSS дисплея.
При использовании клиентской платформы как jQuery который делает ее еще легче - Вы могли сделать что-то вроде этого:
<button onclick="$('.inactive').toggle();">Toogle Inactive</button>
<table>
<tr class="inactive"><td>Inactive 1</td></tr>
<tr class="inactive"><td>Inactive 2</td></tr>
<tr><td>Active 1</td></tr>
<tr><td>Active 2</td></tr>
</table>