jqgrid 的一些操作 动态增加列 用本地 数据 修改表格

1 jqGrid动态增加列，

 

 

目前还没有这样的方法

只能先卸载Grid再进行重绘，才能达到改变列的目的。

 

 

Java代码  

1. jQuery('#grid1').GridUnload();  

 

 

用这个方法 卸载jqgrid

 

然后重新设置吧

 

 

Java代码  

1. jQuery('#grid1').jqGrid({  
2.     colNames:...,  
3.     colModel:...,  
4.     ...  
5. });  

 

 

 

2 用本地 数据 修改表格

这个必须先把数据类型改成local

 

Java代码  

1. $('#lgrid-1').jqGrid().clearGridData();  
2.   
3. $('grid-1').jqGrid('setGridParam',   
4. {  datatype:local,  
5.     rowNum:data.length,  
6.     data:data  
7. }  
8. ).trigger('reloadGrid', [{page:1}]);    

 

 

 

一旦用本地数据 分页功能就不好用了,因为不会再去查后台了

 

3 修改多条 同时提交后台

 

Java代码  

1. var savedRow = null;  
2. var savedCol = null;  
3. // 修正  
4. $('#lgrid-3').setGridParam({  
5.       beforeEditCell : function(rowid, cellname, value, iRow, iCol) {  
6.             // 记录修改的表格  
7.             savedRow = iRow;  
8.             savedCol = iCol;  
9.                  }  
10. });  
11. // 向后台发送数据前 保存表格的修改  
12. if (savedRow && savedCol) {  
13.            jQuery('#grid-3').jqGrid('saveCell', savedRow, savedCol);  
14. }  
15. // 取得表格的数据 全部  
16. var data = $('#grid-3').jqGrid().getRowData();  

 

 

 

 

4 隐藏列

Java代码  

1. jQuery('#grid_id').hideCol('somecol').trigger('reloadGrid');    
2.           显示用 showCol  

    

 

 

 

 

 

5 可以多选的情况下 默认选中

 

Java代码  

1. $('#list').jqGrid().setSelection(1);  

 

 

如果已经被选中 则是 反选

 

6 数据绑定前检查

Java代码  

1. ajaxGridOptions:     
2.         {dataFilter:      
3.             function(data,dataType){    // preprocess the data  
4.                 if ( $(data).find("code").text() == 'problem' ) {   // check for an error in the result  
5.                     $("#list").jqGrid('GridUnload');  
6.                     $("#errormsg").text( $(data).find("description").text() );  
7.                 }else{  
8.                     return data;  
9.                 }  
10.             }  
11.         }