jqgrid操作以及应用方法

本文介绍如何使用jqGrid进行数据操作,包括获取选中行ID、动态添加与修改数据、设置常用属性等,并提供了详细的代码示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.获取grid 选中的行的ID

var rowid = $("#searchResultList

  ").getGridParam("selrow
 

 

");2. 如何在表格中动态增加一行数据?

04  
05 //$("#jqgrid").addRowData(rowId, data, pos, idx);
06  
07 //pos可以为[first,last,before,after],为后两者是需要指定相对的行ID
08  
09 $("#jqgrid
10 ").addRowData("1
11 ", {"name
12 ":"test
13 ","age
14 ":12}, "first
15 ");3. 如何动态修改某行的数据内容,如某几列的值?
16  
17 //setRowData( rowid, data );
18  
19 $("#jqgrid
20 ").setRowData( "1
21 ", { tax:"5
22 ", total:"205
23 " });4. jqgrid 的常用属性?
24  
25 $("#jqgrid
26 ").jqGrid({
27 url:"${ctx}/sys/role/search.dm
28 ",
29 colNames:["角色名称
30 "],//,"角色代码"
31  
32 colModel:["roleName
33 "],//"roleCode"还可以用对象替换
34  
35 jsonReader:{id:"roleId
36 ",root:"dataList
37 "},
38 width:240,
39 height:250,
40 rowNum:20,//每页20条记录
41  
42 pager: "logListPager
43 ",//分页显示的DIVID
44  
45 sortname: "actionTime
46 ",//默认排序的列名
47  
48 sortorder: "desc
49 ",//默认排序的顺序
50  
51 scroll
52 :true
53 ,//鼠标滚动翻页
54  
55 onSelectRow: function
56 (rowid) {}
57 });5. 获取某一行的数据对象?
58  
59 var
60 rowid = $("#searchResultList
61 ").getGridParam("selrow
62 ");
63 var
64 rowData = $("#searchResultList
65 ").getRowData(rowid);6. 如何使用API 动态修改选中的行?
66  
67 //true:重新加载表格数据, false:不重新加载表格数据
68  
69 $("#jqGrid
70 ").setSelection("1
71 ", true
72 );

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值