jQgrid常用的知识点

jQgrid常用的知识点:

一、html:

<div id="jqgrid">

<table id="list"></table>

<div id="pager"></div>

</div>

二、js:

jQuery("#list").jqGrid({

data: tableData,//ajax得到的json对象

datatype: "local",/*local可无需"page":"1", "total":2, "records":"13","rows":的格式*/

colNames: colNames,

colModel: colModel,

width:800,

//height:500,

rowNum: 10, //一页显示多少条

rowList: [10, 20, 30], //可供用户选择一页显示多少条

pager: '#pager', //表格页脚的占位符(一般是div)的id

sortname: 'workAreaName', //初始化的时候排序的字段

sortorder: "desc", //排序方式,可选desc,asc

mtype: "post", //向后台请求数据的ajax的类型。可选post,get

viewrecords: true,

caption: caption, //表格的标题名字

onSelectRow: function(id) {

},

gridComplete:function(){

}

});

jQuery("#list").jqGrid('navGrid', '#pager', {

edit: false,//不显示自带的编辑按钮

add: false,

del: false

});

（1）var rowsNum = jQuery("#list").jqGrid('getDataIDs').length;//总共的行数

（2）var value = jQuery("#list").jqGrid('getCell', 1, 5);/*第一行第六列值，jQgrid的初始化参数data中如果没有id属性，行id从1开始，如果有，行id等于data的id，列id从0开始*/

（3）var selectedRowIds = $(grid_selector).jqGrid("getGridParam", "selarrrow");/*必须是jQgrid显示复选框，点击复选框后可用，没有复选框请使用初始化参数（4）*/

（4）onSelectRow: function(id){

//此id为行id

}

（5）初始化参数gridComplete:function(){

//jQgrid加载完成后操作

}