Jquery JqGrid每次单击页面时加载

我点击按钮在JqGrid中绑定数据，它成功完成。但当我点击分页的下一页时，数据绑定函数再次调用并显示相同的页面，即1。不移动到第二页。请帮我做这个

---

如果可以使用

jQuery.ajax

加载数据，我建议您不要使用定义为函数的

datatype

您应该执行以下操作：

将jqGrid升级至最新版本（4.12.1）

将

datatype

替换为

datatype:“json”

最好在

SearchEmployee

函数中使用以下代码

$（“网格”）.jqGrid（“网格卸载”）；
$（“#网格”）.jqGrid({
数据类型：“json”，
url:“/Common/EmployeeSearchData/”，
mtype:“POST”，
ajaxGridOptions:{contentType:“application/json；charset=utf-8”}，
prmNames:{id:“HRId”}，//id属性的名称
序列化GridData:函数（）{
返回JSON.stringify({
对象模型：{
EmployeeId:$（“#EmployeeId”）.val（），
F#u Name:$（“#F#u Name”）.val（），
L#U名称：$（“#L#U名称”）.val（）
}
});
},
colNames:[“员工Id”、“全名”、“职务”、“位置代码”]，
colModel：[
{name:“EmployeeId”}，
{name:“全名”}，
{名称：“指定”}，
{name:“LocationCode”}
],
附加属性：[“HRId”]，//在本地数据中包含HRId
cmTemplate:{width:100}，//如果要删除autowidth:true选项，则为可选
寻呼机：是的，
rowNum:10，
viewrecords：是的，
有一次：是的，
forceClientSorting：对，
自动宽度：真
);

 function SearchEmployee() {
    alert('Button Clicked'); 
    $('#grid').jqGrid({
        datatype: function (postdata) {
            var empId = $("#EmployeeId").val();
            var firstName = $("#F_Name").val();
            var lastName = $("#L_Name").val();

            var EmployeeDetailsModel = {
                EmployeeId: empId,
                F_Name: firstName,
                L_Name: lastName
            };
            $.ajax({
                url: "/Common/EmployeeSearchData/",
                type: 'POST',
                dataType: "json",
                contentType: "application/json; charset=utf-8",
                data: JSON.stringify({ objEmpModel: EmployeeDetailsModel }),
                error: function (data, textStatus) {
                    alert('Error loading json');
                },
                success: function (jsondata, st) {
                    if (st == 'success') {
                        //alert('success');
                        alert(JSON.stringify(jsondata));
                        var thegrid = jQuery("#grid")[0];
                        var data = JSON.stringify(jsondata);
                        thegrid.addJSONData(JSON.parse(data));
                    }
                }
            });
        },
        colNames: ['HR ID', 'Employee Id', 'Full Name', 'Designation', 'Location Code'],
        colModel: [
            { key: true, hidden: true, name: 'HRId', index: 'HRId', editable: false },
            { key: false, name: 'EmployeeId', index: 'EmployeeId', editable: false, width: 100 },
            { key: false, name: 'FullName', index: 'FullName', editable: false, width: 100 },
            { key: false, name: 'Designation', index: 'Designation', editable: false, width: 100 },
            { key: false, name: 'LocationCode', index: 'LocationCode', editable: false, width: 100 }
        ],
        pager: $('#pager'),
        viewrecords: true,
        loadonce: true,
        rowNum: 10,
        height: '100%',
        width: '100%',
        autowidth: true
    });
}