的jqGrid刷新本地数据（JSON对象）

Question

我试图使用的jqGrid与本地数据，我发现了几个问题：

我初始化的东西，像这样：

function refreshGrid($grid, results) 
{ 
    $grid.jqGrid({ 
    data: results, 
     datatype: "local", 
     colNames:['#','File', 'Category', 'Line Number', 'Message Text','Detailed'], 
     colModel:[ 
      {name:'count',index:'count', width:100, resizable: true}, 
      {name:'basename',index:'basename', width:100, resizable: true, classes:['basename']}, 
      {name:'category',index:'category', width:60, resizable: true}, 
      {name:'linenumber',index:'linenumber', width:60, resizable: true}, 
      {name:'text',index:'text',width:400, resizable: true}, 
      {name:'detailed',index:'detailed',width:100,classes:['detailed'], resizable: true } 
      ], 
     viewrecords: true, 
    rowNum:100, 
    rowList:[100,200], 
    pager: '#debug_errors_pager', 
    caption:"JSON Example" 
}); 
} 

我传入的数据，results是一组对象。

问题：

1）寻呼机完全关闭。它显示正确的计数，但它实际上并不让我翻阅数据。

2）我无法刷新数据。我使用自己的搜索功能来到我的results。我无法弄清楚如何更新现有的数据。网格首次初始化。在随后的尝试中，它会初始化为一个空表。

3）我已经试过了诸如：

$grid.empty() - 不工作，因为$网格对象由jqGrid的装饰。我试图“摧毁”旧的网格，并将其重新渲染为解决方法。 `$ grid.trigger（'reloadGrid'） - 不起作用，不知道为什么。

注意：这是使用jQGrid 3.7。

Answer 1

问题1：

如果我们定义用于与客户端的数据网格寻呼机，寻呼机中的 按钮被自动禁用。换句话说，当前版本的网格 不支持客户端分页和搜索。

local data

问题2：你有没有尝试过：

$("#list").GridUnload(); 

看到here为gridUnload()和trigger('reloadGrid')之间的差异。

Answer 2

我还没有找到一个很好的证明的方式来更新的jqGrid的本地数据， 这里是我如何扩展的jqGrid解决我的问题：

$.extend($.fn.jqGrid, { setData: function(data) { 
    this[0].p.data = data; 
    return true; 
} }); 

在这之后，你可以做以下的新更新的jqGrid数据：

假设你的网格声明如下：

jQuery("#list").jqGrid({ datatype: "local", ... other params ... }); 

那么你可以做：

jQuery("#list").jqGrid('setData', array_with_new_data); 
jQuery("#list").trigger("reloadGrid"); 

P.S.看看如何从电网获取所有数据链路Retrieving contents of the grid

Answer 3

您可以使用简单：

jQuery("#list") 
    .jqGrid('setGridParam', 
     { 
      datatype: 'local', 
      data:mydata 
     }) 
    .trigger("reloadGrid"); 

Answer 4

继对我的作品时，在现有的网格刷新数据：

var gridData = [...]; 

var grid = jQuery('#gridId'); 
grid.jqGrid('clearGridData'); 
if(grid.get(0).p.treeGrid) { 
    grid.get(0).addJSONData({ 
     total: 1, 
     page: 1, 
     records: gridData.length, 
     rows: gridData 
    }); 
} 
else { 
    grid.jqGrid('setGridParam', { 
     datatype: 'local', 
     data: gridData, 
     rowNum: gridData.length 
    }); 
} 
grid.trigger('reloadGrid'); 

我这样做是因为reloadGrid（）调用populate（），populate（）调用addLocalData（）并将返回值传递给addJSONData（），但对于treeGrid == true，addLocalData（）不返回任何内容，随后addJSONData没有。

Answer 5

我能够实现类似的东西。我的问题的诀窍是在更新数据网格参数之前清除数据。假设你的网格在别处初始化（数据类型为'local'），请尝试：

function refreshGrid($grid, results) { 
    $grid.jqGrid('clearGridData') 
     .jqGrid('setGridParam', { data: results }) 
     .trigger('reloadGrid', [{ page: 1}]); 
}