Тег сервера не очень хорошо сформирован. (Databinder.eval)

Question

Я пытаюсь работать с следующим кодом.

<asp:DataGrid ID="Grid" runat="server" DataKeyField="KeyID" CssClass="grid" 
... 
<asp:CheckBox runat="server" ID="checkBox-<%#DataBinder.Eval(Container.DataItem,"KeyID")%>" AutoPostBack="false"></asp:CheckBox> 

Когда я запускаю код, я получил ошибку ниже:

Error 25 The server tag is not well formed. 

Примечание: Это работает без RUNAT = "сервер". Какое средство защиты от этой проблемы?

Answer 1

Вам не нужно устанавливать идентификатор CheckBox для выполнения того, что вы хотите сделать (изменить цвет фона). Ваш CheckBox должен выглядеть следующим образом (я добавил KeyID как текстовое значение, если вы хотите, чтобы отобразить его ... или вы можете просто удалить, что если вы хотите только флажок):

<asp:CheckBox runat="server" ID="checkbox" Text='<%# Eval("KeyID") %>' AutoPostBack="false"></asp:CheckBox> 

Теперь ваш флажок будет оказывать что-то вроде этого:

<input id="MainContent_Grid_checkbox_0" type="checkbox" name="ctl00$MainContent$Grid$ctl02$checkbox" /><label for="MainContent_Grid_checkbox_0">Value of KeyID</label> 

Поскольку все имена заканчиваются «флажок», вы можете применить функцию на событие изменения для тех элементов, чье имя оканчивается на «флажок». Вы не указали, что это был вопрос JavaScript, или если вы используете JQuery ... этот ответ использует jQuery:

<script> 
    $('input[name$="checkbox"]').change(function() { 
     if ($(this).is(':checked')) { 
      $(this).parent().css('background-color', 'yellow'); 
     } 
     else { 
      $(this).parent().css('background-color', 'white'); 
     } 
    }); 
</script> 

Это будет определять, если флажок установлен, и если так будет установить background- цвет его родителя (<td>, который находится внутри, в обработанном DataGrid HTML), в зависимости от значения.

Аналогичным образом, вы можете перейти к следующему parent() и выделить всю строку.

Ресурсы: jQuery Selectors

OnCheckedChanged - это событие, которое вы бы обработать в коде позади, а не в JavaScript.