使用寻呼机时,Jqgrid不会重新加载

时间:2012-12-18 07:01:37

标签: json jqgrid refresh pager

我希望我的jqgrid以编程方式移动下一页并重新加载数据。例如:每5秒更改一次页面并获取刷新的数据。 --->数据类型:'json'< --- 在loop()函数中。带来重新加载的页面,但它没有通过下一页。卡在第一页。如果我删除它会进入下一页,但页面不会刷新。

我阅读并尝试过,尝试过,尝试了一切,但尚未运气。请帮忙..

    <script>
       function fill() {
        jQuery("#jqGrid").jqGrid({
            url: '@Url.Content("~/Handler/GetAjaxGridData")',
            datatype: 'json',
            height: 'auto',
            altRows: true,
            loadonce:true,
            pager: '#pager',
            rowNum: 3,
            colNames: ['birim_adi', 'durum'],
            colModel: [
                     { name: 'cell.birim_adi', index: 'birim_adi' },
                      { name: 'cell.durum', index: 'durum' }
            ],
            jsonReader: {
                repeatitems: false,
                root: function (obj) { return obj.rows; },
                page: function (obj) { return 1; },
                total: function (obj) { return 1; },
                records: function (obj) { return obj.rows.length; }
            },
            loadComplete: function (data) {
                var total_pages = $("#sp_1_pager").text(); // total pages
                $('#hdn_total_pages').val(total_pages);
            },
            ajaxGridOptions: { cache: false }
        });
    }
    function loop() {
        var i = 1;
        setInterval(function () {
            var total_pages = $('#hdn_total_pages').val();
            $("#jqGrid").setGridParam({
                datatype: 'json', // <--When I delete it goes to another page, but the page does not refresh.
                page: i,
            }).trigger('reloadGrid');
            i++;
            if (i > total_pages) { i = 1; }
        }, 5000);
    }
       </script>
       <script>
        $(function () {
        fill();
        loop();
       });
       </script>
<table id="jqGrid"></table>
<div id="pager"></div>
<input type="hidden" id="hdn_total_pages" value="1" />

然后我的json喜欢这样:

   {
"total": 1,
"page": 1,
"records": 6,
"rows": [
    {
        "id": 1,
        "cell": {
            "birim_adi": "a",
            "durum": "test"
        }
    },
    {
        "id": 2,
        "cell": {
            "birim_adi": "b",
            "durum": "test1"
        }
    },
    {
        "id": 3,
        "cell": {
            "birim_adi": "c",
            "durum": "test3"
        }
    },
    {
        "id": 4,
        "cell": {
            "birim_adi": "d",
            "durum": "test4"
        }
    }
]
   }

1 个答案:

答案 0 :(得分:0)

jsonReader为页面返回硬编码值“1”。看起来您的数据符合jqGrid自动使用的结构。您可能只是尝试完全删除jsonReader部分并给它一个镜头。

如果这不起作用(或者你的数据名称与jqGrid期望的名称不同),你需要看看修复jsonReader以返回正确的值。

看看这个blog entry关于自定义jsonReader以使用不同的数据格式。它可能会帮助您解决页面卡住问题。 (完全披露:我是作者。)