jqgrid创建、刷新、销毁表格

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u011099093/article/details/81239931

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

创建表格：

//设置功能选项
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,
    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
},{},{},{},{});

刷新表格：

$(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');

持续更新中。。。