Выберите All в gridview, используя JavaScript при обратной передаче

Question

У меня есть сетка, в которой есть столбец флажок. В заголовке этого столбца есть флажок.

Когда это проверено, все значения проверяются и наоборот.

Я делаю это, используя JavaScript.

Проблема в том, что если я проверю это и выполню любое другое событие на странице, которое требует обратной передачи, проверенные значения исчезнут. Я не хочу, чтобы они исчезли.

вот мой код:

 <script  type="text/javascript">

 function checkAllBoxes() {

      //get total number of rows in the gridview and do whatever
      //you want with it..just grabbing it just cause
      var totalChkBoxes = parseInt('<%= GridView1.Rows.Count %>');
      var gvControl = document.getElementById('<%= GridView1.ClientID %>');

      //this is the checkbox in the item template...this has to be the same name as the ID of it
      var gvChkBoxControl = "Select_CheckBox";

      //this is the checkbox in the header template
      var mainChkBox = document.getElementById("chkBoxAll");

      //get an array of input types in the gridview
      var inputTypes = gvControl.getElementsByTagName("input");

      for (var i = 0; i < inputTypes.length; i++) {
          //if the input type is a checkbox and the id of it is what we set above
          //then check or uncheck according to the main checkbox in the header template             
          if (inputTypes[i].type == 'checkbox' && inputTypes[i].id.indexOf(gvChkBoxControl, 0) >= 0)
              inputTypes[i].checked = mainChkBox.checked;
      }
  }

  </script>

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
<Columns>
<asp:TemplateField>
   <HeaderTemplate>
     <input id="chkBoxAll" type="checkbox" onclick="checkAllBoxes()"/>
   </HeaderTemplate>
   <ItemTemplate>
     <asp:CheckBox ID="Select_CheckBox" runat="server" />
   </ItemTemplate>
</asp:TemplateField>
 <!-- The rest of your rows here -->
</Columns>
</asp:GridView>

Спасибо за помощь.

Answer 1

Сделайте ваш флажок серверным элементом управления, который использует состояние просмотра, добавив runat="server". Затем он сохранит свое значение в спинах постов.

<input id="chkBoxAll" type="checkbox" onclick="checkAllBoxes()" runat="server"/>

И измените свой JavaScript, чтобы выбрать идентификатор, оканчивающийся на chkBoxAll. Я использую jQuery в примере ниже:

//this is the checkbox in the header template
var mainChkBox = $('input[id$="chkBoxAll"]');

Однако, если вы отсортируете строки таблицы или используете подкачку страниц, вы, скорее всего, столкнетесь с менее дружелюбным поведением.