1、css
<link href="/css/ui.jqgrid.css" rel="stylesheet" type="text/css" />
2、js
<script src='/Scripts/js/jquery-2.0.3.min.js' type="text/javascript"></script>
<script src='/Scripts/js/jqGrid/jquery.jqGrid.min.js' type="text/javascript"></script>
<script src='/Scripts/js/jqGrid/i18n/grid.locale-en.js' type="text/javascript"></script>
二、使用要点说明
1、获取单个id
获取行号,有这种方式:
var rowid = $("#grid-table").jqGrid("getGridParam", "selrow")
但是经过实际验证,这种方式不可行,当选中行,再点击同一行会出现获取不到行号的情况。
最后先在js最外部定义一个变量selId,然后使用如下代码在选中行时赋值:
onSelectRow: function (rowid, status) {
selId = rowid//给最外层的selId赋值
}
2、获取多个选中行的id
var ids=$('#gridTable').jqGrid('getGridParam','selarrrow')
其输出格式是逗号分隔的id,如:
1,2,3,4,5
3、获得所有行的ID数组
var ids = $("jqgridtableid").jqGrid('getDataIDs')
4、获取行数据
如果想获取选择的行的数据,只要传入rowId即可,如下:
var rowData = $('#gridTable').jqGrid('getRowData',rowId)
而这个rowData是一个对象,如果要获取选择的行的这个对象的属性值,如name的值,需如下:
var Name= rowData.name
5、获取单元格数据
var celldata = $("jqgridtableid").jqGrid('getCell',id,colnum)
6、设定行选中
//设定选中行,可设定多行选中:
$("jqgridtableid").jqGrid('setSelection',id1)
$("jqgridtableid").jqGrid('setSelection',id2)
这个和jqgrid没有关系你是设置servlet时出错了
<servlet-class>servlet.UserChangeServlet</servlet-class>
这是类完整路径?
实现了对应接口?
参考jqGrid的源代码,getRowData的实现方法是遍历tr获取td的innerhTML。 getRowData在单元格和行编辑模式下受到影响,在表单编辑模式没问题,因为表单没有直接修改jqGrid生成输入对象,而是在新的控件中生成编辑对象。 要想在单元格和行编辑模式下getRowData返回实际的数据行,而不是包含html代码的内容,可以参考下面的。对于单元格编辑,需要先还原或者保存此单元格,然后再调用getRowData方法,实现如下
1、给grid添加beforeEditCell事件,声明2个window域的变量记录单元格的行号和列号 beforeEditCell:function(rowid,cellname,v,iRow,iCol){ lastrow = iRowlastcell = iCol} 2、在调用getRowData获取数据前,先保存/还原单元格 $("#grid").jqGrid("saveCell",lastrow,lastcell)//保存单元格,切换为文本模式 //或者===>//$("#grid").jqGrid("restoreCell",lastrow,lastcell)//还原单元格,切换为文本模式 var recs=$("#grid").jqGrid("getRowData")对于行编辑模式,原理一样,还原正在编辑的行或者保存数据到内存中 1,调用editRow时传递oneditfunc事件处理函数保存正在编辑的行的id $('#list4').jqGrid('editRow', rowid, true, function (rowid) { window.rowid=rowid})2,在调用getRowData获取数据前,先保存/还原正在编辑的数据行 jQuery("#grid_id").saveRow(rowid, false, 'clientArray')//==>或者还原 //jQuery("#grid_id").restoreRow(rowid)var recs=$("#grid").jqGrid("getRowData")
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)