jqgrid需要引用哪些文件

jqgrid需要引用哪些文件,第1张

一、要使用jqGrid,首先页面上要引入如下css与js文件。

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")


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11457208.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存