jqGrid重新加载网格

Question

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

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：

$("#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 
    }); 

但什么也没有发生，为什么呢？

---

UPD

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

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

同样的情况

---

UPD2 我尝试这些：

ajaxGridOptions: {cache: false}, 
loadonce:false 

没有改变的情况。

Answer 1

你可以做以下

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(); 
}); 

Answer 2

尽量不破坏/创建，但.trigger("reloadGrid");

UPD：：试图通过loadonce：假电网创造PARAMS

UPD2：：好像jqGrid的不能与柱的变化进行操作“在飞行中“。尝试销毁第一个网格并创建另一个网格，而不是它。