JqG​​rid 格式化程序整数未定义

Question

为此，我一直在尝试在网格中填充数据列表，我使用了JqGrid。我已经从 nuget manager 和 online tutorial 安装了 jqGrid 插件，我一直在尝试实现相同的功能。

这是我到目前为止所做的：-

查看：-

<h2>Search</h2>

<div class="container">
    <div class="row">        
        <table id="tblRecruiterGrid"></table>
        <div id="dvPagination"></div>
    </div>
</div>

<link href="~/Content/jquery-ui.css" rel="stylesheet" />
<link href="~/Content/ui.jqgrid.css" rel="stylesheet" />
<script src="~/Scripts/jquery-grid.locale-en.js"></script>
<script src="~/Scripts/jquery.jqGrid.js"></script>
<script src="~/Scripts/recruiter.js"></script>

控制器：-

public ActionResult RecruiterGridData(string sidx = "", string sord = "", int page = 1, int rows = 10)
{
    var vData = recruiterRepo.GetAllByRelation();
    int pageIndex = Convert.ToInt32(page) - 1;
    int pageSize = rows;
    int totalRecords = vData.Count();
    int totalPages = (int)Math.Ceiling((float)totalRecords / (float)pageSize);
    switch (sidx)
    {
        case "RID":
            vData = sord == "desc"
                    ? vData.OrderByDescending(x => x.RecruiterID).ToList()
                    : vData.OrderBy(x => x.RecruiterID).ToList();
                    break;
        default:
            vData = sord == "desc"
                    ? vData.OrderByDescending(x => x.RecruiterID).ToList()
                    : vData.OrderBy(x => x.RecruiterID).ToList();
                    break;
    }
    var vResult = vData.Skip(pageIndex * pageSize).Take(pageSize);

    var jsonData = new
    {
        total = totalPages,
        page = page,
        records = totalRecords,
        rows = vResult.Select(x => new
        {
            RID = x.RecruiterID,
            RecruiterName = x.RecruiterName,
            Email = x.Email,
            CompanyName = x.CompanyName,
            Designation = x.Designation,
            Mobile = x.Mobile
        }).ToList()
    };
    return Json(jsonData, JsonRequestBehavior.AllowGet);
}

Javascript:-

$(function () {
    $('#tblRecruiterGrid').jqGrid({
        url: "/Recruiter/RecruiterGridData/",
        datatype: 'json',
        mtype: 'get',
        colNames: ['RID', 'Recruiter Name', 'Email', 'Company Name', 'Designation', 'Mobile'],
        colModel: [{ key: true, hidden: true, name: 'RID' },
                    { key: false, hidden: false, name: 'RecruiterName' },
                    { key: false, hidden: false, name: 'Email' },
                    { key: false, hidden: false, name: 'CompanyName' },
                    { key: false, hidden: false, name: 'Designation' },
                    { key: false, hidden: false, name: 'Mobile' }],
        pager: '#dvPagination',
        rowNum: 10,
        rowList: [5, 10, 25, 50, 100],
        sortname: 'RID',
        sortorder: "asc",
        height: 'auto',
        gridview: true,
        autoencode: true,
        viewrecords: true,
        caption: '',
        emptyrecords: 'No records to display',
        jsonReader: { repeatitems: false, id: 'RID' }, 
        autowidth: true,
        multiselect: false,
    });
});

我能够在 jqGrid 中填充数据，但是分页导致了问题。在浏览器开发人员控制台中，我收到一个未定义的错误，因为分页没有正确加载。我试图在谷歌中搜索问题，但每个结果部分都指出包含缺少的 jqGrid 文件 grid.locale-en.js 我已经在我的视图中包含了一些建议检查是否 grid.locale-en.js 在 jquery.jqGrid.js 之前加载，所以当我在网络中追踪时，我得到了以下结果。

经过大量研发后，我仍然无法解决以下错误：-

未捕获的类型错误：无法读取未定义的属性“整数”

注意：- Jquery 库已经在布局头部分定义。

Answer 1

请始终包含您使用的 jqGrid 的确切版本号，以及有关您使用的 jqGrid 分支（free jqGrid、Guriddo jqGrid JS 或版本

我想您使用了一些旧版本的 jqGrid，而您只是为语言环境（本地化）文件使用了错误的名称。文件名jquery-grid.locale-en.js很可疑。 jqGrid 的分布有i18n 和文件grid.locale-en.js。使用没有语言环境文件的旧jqGrid在填充jqGrid的寻呼机时会产生错误Cannot read property 'integer' of undefined。

代码中的另一个重要错误是将key: true 属性用作一列。该列必须在每一行中具有唯一值。属性key: true 通知jqGrid 使用列中的包含而不是id 属性。您已经使用了选项jsonReader: { repeatitems: false, id: 'RID' }，它通知使用项目的RID 属性作为rowid。我建议您从colModel 中删除不需要的隐藏RID 列，并从所有其他列中删除key: true, hidden: false。您可以删除具有默认值的选项：mtype: 'get'、sortorder: "asc"、caption: '' 和 multiselect: false。

我建议你尝试使用free jqGrid，它是jqGrid 的分支，是我在Tony Tomov 更改jqGrid 的许可协议后开发的，它的名称为Guriddo jqGrid JS（参见the post）。许多新功能，其中 我在免费的 jqGrid 中实现的描述在 the wiki 和当前发布的所有版本的自述文件中。