jqgrid常用功能 详解

来源:互联网 发布:postscript软件下载 编辑:程序博客网 时间:2024/05/01 01:21

html代码

<div class="panel-body">    <table id="grid_id" style="heigth: 1000px"></table>    <div id="pager"></div></div>

js代码

<script type="text/javascript">//获取该表格的所有行号id1var ids = jQuery("#grid_id").jqGrid('getDataIDs');//给表格的rowId(变量)行,edit列设置内容editBtn2)jQuery("#grid_id").jqGrid('setRowData',rowId, {edit : editBtn});//获取选择的行的数据,只要传入rowId即可     3var rowData = $("#grid_id").jqGrid('getRowData', rowId);// 而这个rowData是一个对象,如果要获取选择的行的这个对象的属性值,如name的值,需如下:4var sensorId = rowData.id;//刷新表格 5)$("#grid_id").trigger("reloadGrid");  //8.修改某个单元格的值$("#gridid").jqGrid('setCell',rowid,icol,data); rowid为行ID,从1开始 icol为列索引,从0开始, data为要设置的单元格数据//9.当jqgrid的某个单元格编程可编辑状态,该input的id是"行号_列名"//比如第3行,列名为name的单元格的input的id为3_name//给list表格的第3行的name列绑定 时间控件jQuery("#3_name", "#list").bind("click",                function() {                    WdatePicker({                        dateFmt : 'HH:mm'                    })                });</script>
jQuery("#grid_id").jqGrid('editRow',rowid, keys, oneditfunc, succesfunc, url, extraparam, aftersavefunc,errorfunc, afterrestorefunc);  

参数详解

(1)url: 如果定义了改值,将会覆盖jqGrid中的editurl
如果url=”clientArray” 那么就不会向server端触发请求
(2)extraparam:请求参数列表
(3)successfunc :在请求成功调用后立即返回,该函数签名包括server返回的数据。同时该函数需要返回tue/false
(4)aftersavefunc:数据保存到服务器返回客户端后触发。此事件参数为rowid和xhr对象,url设置为clientArray也会触发此事件
(5)afterrestorefunc:如果定义了改函数,将在restoreRow后调用,接受rowid作为参数

0 0
原创粉丝点击