使用javascript在MVC中查找网格长度时出错

Getting error to find length of grid in MVC using javascript

本文关键字:出错 网格 查找 javascript MVC 使用      更新时间:2023-09-26

到目前为止,我一直在使用java脚本成功地获取网格行的长度,但今天它给出了错误-无法读取未定义的的属性"length"

 var totalRows = document.getElementById("gridposition").rows.length;
<div id="gridposition" style="width: 100%;">
    @{
        @grid1.GetHtml(mode: WebGridPagerModes.All,
                tableStyle: "table",
                headerStyle: "gridHead",
                footerStyle: "foot",
                rowStyle: "gridRow",
                alternatingRowStyle: "gridAltRow",
                htmlAttributes: new { id = "positionGrid" },
                fillEmptyRows: false,
                columns: grid1.Columns(
                           grid1.Column(format: @<text><input type="checkbox" name="ids" class="myCheckbox" value="@item.empId"></text>, header: "Select"),
                           grid1.Column("empId", header: "Id"),
                           grid1.Column("Name", header: "Name"),
                           grid1.Column("Age", header: "Age"),
                           grid1.Column(header: "Edit", format: @<text><a href="javascript:void(0)" onclick="editEmp(@item.empId)">Edit</a></text>),
                           grid1.Column("", header: "Edit", format: @<text>@Html.ActionLink("Edit", "EditEmployee", "BootStrap", new { id = item.empId }, new { target = "_blank", id = "editColumn" })</text>)
))
        <input type="submit" value="Delete" id="btnDelete" />
    }
</div>

查看您的web网格属性,您应该执行

var totalRows = document.getElementById("positionGrid").rows.length;

由于您已将网格的Id设置为"positionGrid"

htmlAttributes: new { id = "positionGrid" },
                             ^^^^^^^^^^ 

试试这可能会奏效;

var totalRows = document.getElementById("positionGrid").rows.length;