jqgrid创建、刷新、销毁表格

记录使用jqGrid操作表格的相关方法，方便查找。。。

创建表格：

var tableid="#grid-table";
var pageid="#grid-page";

//这里是根据formatter属性在表头对象中获取自定义的方法，用来设置对应列的显示内容，
//自定义方法就写在js中即可
var count=item.colModels.length;
for(var i=0;i<count;i++){
    var s=item.colModels[i];
    if(s.formatter!=undefined){
        if(typeof s.formatter=="function"){}
        else if(s.formatter.indexOf("#")!=-1){
            s.formatter=eval(s.formatter.replace("#",""));
        }
    }
}

//设置功能选项
var option={
    data:data,
    datatype:"local",
    height:300,
    colNames:colNames,
    colModel:colModel,
    viewrecords:true,
    rowNum:100,
    rowList:[100,200,300],
    pagerpos:"center",
    pager:1
    altRows:true,
    multiSort:true,
    multiselect:true,
    onSelectRow:null,
    onSelectAll:null,
    styleUI:'Bootstrap',
    treeGrid:false,
    ExpandColumn:false,
    treeIcons:[{plus:'ui-icon-triangle-l-e',minus:'ui-icon-triangle-l-s',leaf:'ui-icon-radio-off'}],
    shrinkToFit:false,
    autowidth:true,
    loadComplete:function(){},
    gridComplete:function(){},
    datastr:data
};
//创建表格
jQuery(tableid).jqGrid(option);
//page页
jQuery(tableid).jqGrid('navGrid',pageid,{
    edit:false,
    add:false,
    del:false,
    search:true,
    refresh:true,
    view:true
},{},{},{},{});

 

jqgrid加载事件中的loadComplete与gridComplete见：https://blog.csdn.net/icecoola_/article/details/79426374

 

刷新表格：

$(tableid).jqGrid().trigger("reloadGrid");

带参刷新表格：

$(tableid).jqGrid('setGridParam',{

url:"",

postData:{param1:param1,param2:param2},

gridComplete:function(){...},

page:1

}.trigger('reloadGrid');

销毁表格：

$.jqgrid.gridUnload(tableid);
或
$(tableid).jqGrid('GridUnload');

获取表格数据：

//获取表格传递的参数
$("#grid-table").jqGrid("getGridParam","postData");
//获取选中的单行数据内容
$("#grid-table").jqGrid("getGridParam","selrow");
//获取选中的多行数据内容
$("#grid-table").jqGrid("getGridParam","selarrrow");
//获取表头信息
$("#grid-table").jqGrid("getGridParam","colModel");

持续更新中。。。