Question

我已在此GridView中添加了TextBox的验证，但此验证仅适用于GridView的当前页面（它不适用于GridView的上一页和下一页）。

<asp:GridView ID="Grd1" runat ="server" Width ="100%" AllowPaging ="true" pagesize="5">
  <Columns>
    <asp:BoundField HeaderText="Name" DataField="NM" ItemStyle-Width="300px" HeaderStyle-Width="300px" HeaderStyle-Wrap="false" ItemStyle-Wrap="false" />
    <asp:TemplateField HeaderText="Size (GB)">
      <ItemTemplate>
        <asp:TextBox ID="txtSize" runat="server" Width="100px"></asp:TextBox>
      </ItemTemplate>
    </asp:TemplateField>
  </Columns>
</asp:GridView>

<asp:Button ID="btnAdd" runat="server" Text="Save" OnClick="btnAdd_Click" />

<script language="javascript" type="text/javascript">
    function IsValidateAdd() {
        if (validateGridTextBox() == false)
            { return false; }
    }

    function validateGridTextBox() {
        var flag = false;
        var dropdowns = new Array(); //Create array to hold all the dropdown lists.
        var gridview = document.getElementById('<%=Grd1.ClientID %>'); //grvDMODetails is the id of ur gridview.

        dropdowns = gridview.getElementsByTagName('input'); //Get all dropdown lists contained in Grd1.            
        for (var i = 0; i < dropdowns.length; i++) {
            if (dropdowns.item(i).value != "") //If dropdown has no selected value
            {
                flag = true;
            }
            else 
            {
                flag = false;
                break;
            }
        }

        if (flag == false) 
        {
            alert('Please enter Table Size.');
            return flag;
        }

</script>

代码背后：

btnAddDM.Attributes.Add("onclick", "return IsValidateAdd();");

Answer 1

当您通过上一页或下一页导航时，网格视图部分已更改，但javascript函数已绑定到原始网格视图。这就是它无效的原因。

如果你想要它的工作，有2个解决方案

1，当您导航到其他页面时，再次手动绑定javascript验证功能。

2，将onclientclick属性添加到文本框控件，例如

<asp:TextBox ID="txtSize" runat="server" Width="100px" onClientClick="validateGridTextBox(this)"></asp:TextBox>

并相应地更改validateGridTextBox javascript函数。

如何在asp.net中使用分页保留gridview内的控件状态？

1 个答案: