jqGrid分页问题

如何解决jqGrid分页问题

| 我正在使用jqGrid。分页没有得到反映，可能是什么问题？我检查了Firefox 4.1和IE8，但在chrome上根本不显示jqGrid。

var filesystem=[];
$(xml).find(\'file\').each(function(){ 
    var row={};
    row.total=$(this).attr(\'total\');
    row.free=$(this).attr(\'free\');
    row.used=$(this).attr(\'used\');
    row.percentage=$(this).attr(\'percentage\');
    filesystem.push(row);
});


$(\'#detailTable\').empty();
$(\'<div>\')
.attr(\'id\',\'diskUsageSpan\')
.html(\'<div class=\"titleBlue\">Configuration&gt;System&gt;Disk Usage</div>\'+
        \'<table id=\"list1\"></table>\'+
        \'<div id=\"gridpager\"></div>\'+
     \'</div>\')        
.appendTo(\'#detailTable\');    

更新

jQuery(\"#list1\").jqGrid({
    datatype: \"clientSide\",height: 250,colNames:[\'id\',\'Total Space\',\'Free Space\',\'Used Space\',\'Used Percentage\'],colModel:[
           {name:\'id\',index:\'id\',width:90,align:\"right\"},{name:\'total\',index:\'total\',{name:\'free\',index:\'free\',{name:\'used\',index:\'used\',{name:\'percentage\',index:\'percentage\',width:120,align:\"right\"}
       ],pagination:true,pager : \'#gridpager\',rowNum:10,viewrecords: true,gridview: true,edit:false,add:false,del:false

});



for(var i=0;i<filesystem.length;i++)
    jQuery(\"#list1\").jqGrid(\'addRowData\',i+1,filesystem[i]);

jQuery(\"#list1\").setGridParam({rowNum:10}).trigger(\"reloadGrid\");

    

解决方法

        问题在于，您应该在“ 3”贤者之后而不是在“ 3”贤者之前致电“ 2”。 最好的方法是改用

data

参数：

var grid = jQuery(\"#list1\");
grid.jqGrid({
    datatype: \"local\",data: filesystem,// here!!!
    height: \"auto\",// it can be better if you don\'t need the fix hight
    colNames: [\'Total Space\',\'Free Space\',\'Used Space\',\'Used Percentage\'],colModel: [
        {name:\'total\',index:\'total\',width:90,align:\"right\"},{name:\'free\',index:\'free\',{name:\'used\',index:\'used\',{name:\'percentage\',index:\'percentage\',width:120,align:\"right\"}
    ],pager : \'#gridpager\',rowNum:10,rowList:[10,20,30],viewrecords: true,gridview: true
});
grid.jqGrid(\'navGrid\',\'#gridpager\',{edit:false,add:false,del:false});

无需重新加载网格。 如果用ѭ7填充

row

，我建议您在

row

中包括其他additional8ѭ属性，该属性将用作行标识。页面上使用的所有HTML元素的ID值必须唯一。 无需像您那样重新创建“ 10”包含，您只需调用GridUnload（参见此处的示例）即可。您真的需要重新创建网格，而不仅仅是更改网格包含吗？要更改网格包含，您只需相对于

setGridParam

设置jqGrid的

data

参数并调用

.trigger(\"reloadGrid\")

即可。