jqGrid更新特定的列數據與刷新整個列？

Question

我在我的項目中使用jqGrid。我想刷新整個網格來更新/刷新特定的列數據。請給我一些想法做到這一點。

Answer 1

這是一個可能的解決方案。您可以使用jqgrid中的'setCell'來設置列中特定單元格的值。看這裏的小提琴：https://jsfiddle.net/99x50s2s/4/

我希望上面的小提琴會給你想法完成你的任務。

<table id="sg1"></table> 
<div id="psg1"></div> 
<br> 
<button type="button" id="setcolumnbtn">Update 'amount' Column</button> 

jQuery("#sg1").jqGrid({ 
    datatype: "local", 
    gridview: true, 
    loadonce: true, 
    shrinkToFit: false, 
    autoencode: true, 
    height: 'auto', 
    viewrecords: true, 
    sortorder: "desc", 
    scrollrows: true, 
    loadui: 'disable', 
    colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'], 
    colModel:[ 
     {name:'id',index:'id', width:60, sorttype:"int"}, 
     {name:'invdate',index:'invdate', width:90, sorttype:"date"}, 
     {name:'name',index:'name', width:80}, 
     {name:'amount',index:'amount', width:80, align:"right",sorttype:"float"}, 
     {name:'tax',index:'tax', width:80, align:"right",sorttype:"float"},  
     {name:'total',index:'total', width:80,align:"right",sorttype:"float"},  
     {name:'note',index:'note', width:150, sortable:false}  
    ], 
    caption: "Test Grid" 
}); 

var mydata = [ 
     {id:"1",invdate:"2007-10-01",name:"test 123456789",note:"note",amount:"200.00",tax:"10.00",total:"210.00"}, 
     {id:"2",invdate:"2007-10-02",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"} 
     ]; 

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


//button event 
$('#setcolumnbtn').on('click', function(){ 
var newAmount = [111,222]; 
var existingRowIds = jQuery("#sg1").jqGrid('getDataIDs'); 

$.each(existingRowIds, function (j, existingRowId) { 
    jQuery("#sg1").jqGrid('setCell', existingRowId, 'amount', newAmount[j]); 
}); 

}）;