jqGrid重载网格

问题描述

这是我之前关于在基于jqGrid的表中添加列的问题的补充。这里是我的新js代码：

It's an addition for previous my question about adding columns into jqGrid-based table. Here my new js-code:

var col_names = ['First', 'Second', 'Third', 'Fourth', 'Fifth'];
var col_model = [
      {name:'invid', index:'invid', width:100},
      {name:'invdate', index:'invdate', width:90},
      {name:'amount', index:'amount', width:80, align:'right'},
      {name:'tax', index:'tax', width:80, align:'right'},
      {name:'total', index:'total', width:80, align:'right'},
];

function createGrid()
{
  var handle = $("#list").jqGrid({
    url:'data.xml',
    datatype: 'xml',
    mtype: 'GET',
    colNames: col_names,
    colModel : col_model,
  });
}

现在我打电话给 createGrid（）; 加载文档后，一切正常。现在我想添加一个新列（带有空数据）并重新加载jqGrid：

Now I call createGrid(); after document is loaded, everything works fine. Now I want to add a new column (with empty data) and reload jqGrid:

  $("#add_column").click(function() {
        $('#list').trigger("DestroyGrid"); // Also tried UnloadGrid

        col_names.push('New');
        col_model.push({name: 'test', index: 'test', width: 100});

        createGrid(); // And recreate grid
  });

但没有任何反应，为什么？

But nothing happens, why?

UPD

  $("#add_column").click(function() {
        col_names.push('New');
        col_model.push({name: 'test', index: 'test', width: 100});

        $('#list').trigger("reloadGrid");
  });

相同的情况

UPD2
我试过这些：

UPD2I tried these:

ajaxGridOptions: {cache: false},
loadonce:false

没有改变这种情况。

推荐答案

您可以执行以下操作

var counter=1; // to be able to click more then one time
$("#add_column").click(function() {
    $("#list").jqGrid('GridUnload');

    col_names.push('New'+counter);
    col_model.push({name: 'test'+counter, index: 'test'+counter, width: 100});
    counter++;

    createGrid();
});

这篇关于jqGrid重载网格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！