单击“保存”按钮时如何验证 gridview？

Question

我有一个包含保存图像按钮的表单中的网格视图。我想创建一个客户端 CustomValidator 来检查网格是否为空。如果它是空的，那么我想向用户抛出一条错误消息。

这是我的代码。在“Save_btn_Click”事件中，我检查页面是否有效：

 <asp:GridView ID="MyGridView" runat="server" 
                      AutoGenerateColumns="False" 
                      OnRowCancelingEdit="gridView_RowCancelingEdit"
                      OnRowCommand="gridView_RowCommand" 
                      OnRowDataBound="gridView_RowDataBound" 
                      OnRowEditing="gridView_RowEditing"
                      OnRowUpdating="gridView_RowUpdating" 
 >....</GridView>

<asp:CustomValidator id="cvFabricCollection" runat="server"                                                 
ErrorMessage="Please enter at least one row"
ControlToValidate="gridView"
ValidationGroup="MyGroup"
ClientValidationFunction ="ValidateGrid">
</asp:CustomValidator>

<asp:ImageButton ID="Save_btn" 
ImageUrl="images/save.gif"
runat="server"
CausesValidation="True" 
ValidationGroup="MyGroup"
OnClick="Save_btn_Click"/>

Javascript：

function ValidateGrid(sender, args)
{
    var rowscount = document.getElementByID(<%=MyGridView.ClientID%>).rows.length;
    alert(rowscount);
    if(rowscount <= 1)
    {
        args.IsValid = false;
        return;
    }
    args.IsValid = true;
}                 

对我做错了什么有什么想法吗？

谢谢！

Answer 1

使用下面的代码行获取 gridview 的行数：

var rowscount = document.getElementByID(<%=Gridview1.ClientID%>).rows.length;
if(rowcount >0)
{
   alert("your message");
}

参考：
使用 Javascript 的 ASP.NET GridView 行计数

如何计算 gridview 中的行数使用 jQuery 的 asp.net

Answer 2

function PassengerGrid(source, args) {
    var Grid1 = document.getElementById("<%=GridviewPassenger.ClientID%>");
    if (Grid1 == null) {
        args.IsValid = false;
    }
    else if (Grid1.rows.length <= 0)
    {
        args.IsValid = false;
    }
    else {
        args.IsValid = true;
    }
}