jqgrid需要引用哪些文件

发布网友 发布时间：2022-04-24 09:34

我来回答

共2个回答

热心网友 时间：2022-04-25 08:06

一、要使用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);

热心网友 时间：2022-04-25 09:24

jquery-ui.css
jquery-ui-1.10.4.custom.css
ui.jqgrid.css
jquery-1.11.2.js
jquery-ui.js
jquery.jqGrid.js
grid.locale-cn.js
上面是我使用jqgrid引用的文件，具体可以查看jqgrid getting started ，http://www.jqgrid.com/jqgrid/articles/jqgrid-standalone/getting-started