jqgrid创建、刷新、销毁表格

本文主要是介绍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:1altRows: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");

持续更新中。。。

 

这篇关于jqgrid创建、刷新、销毁表格的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---