事件
例如
var lastSel;
jQuery("#gridid").jqGrid({
...
onSelectRow: function(id){
if(id && id!==lastSel){
jQuery('#gridid').restoreRow(lastSel);
lastSel=id;
}
jQuery('#gridid').editRow(id, true);
},
...
})
事件
|
参数
|
备注
|
afterInsertRow
|
rowidrowdatarowelem
|
当插入每行时触发。
rowid
插入当前行的
id
;
rowdata
插入行的数据,格式为
name:
value
,
name
为
colModel
中的名
字
|
beforeRequest
|
none
|
向服务器端发起请求之前触发此事件
但如果
datatype
是一个
function
时例
外
|
beforeSelectRow
|
rowid, e
|
当用户点击当前行在未选择此行时触发。
rowid
:此行
id
;
e
:事件对象。
返回值为
ture
或者
false
。
如果返回
true
则选择完成,
如果返回
false
则不会选择此行也不会触发其他事
件
|
gridComplete
|
none
|
当表格所有数据都加载完成而且其他的处理也都完成时
触发此事件,排序,翻页同样也会触发此事
件
|
loadComplete
|
xhr
|
当从服务器返回响应时执行,
xhr
:
XMLHttpRequest
对
象
|
loadError
|
xhr,status,error
|
如果请求服务器失败则调用此方法。
xhr
:
XMLHttpRequest
对象;
satus
:错误类型,字符串类型;
error
:
exception
对
象
|
onCellSelect
|
rowid,iCol,cellcontent,e
|
当点击单元格时触发。
rowid
:当前行
id
;
iCol
:当前单元格索引;
cellContent
:当前单元格内容;
e
:
event
对
象
|
ondblClickRow
|
rowid,iRow,iCol,e
|
双击行时触发。
rowid
:当前行
id
;
iRow
:当前行索引位置;
iCol
:当前单元格位置索引;
e:event
对
象
|
onHeaderClick
|
gridstate
|
当点击显示
/
隐藏表格的那个按钮时触发;
gridstate
:表格状态,可选值:
visible
or hidden
|
onPaging
|
pgButton
|
点击翻页按钮填充数据之前触发此事件,
同样当输入页码跳转页面时也会触发此事
件
|
onRightClickRow
|
rowid,iRow,iCol,e
|
在行上右击鼠标时触发此事件。
rowid
:当前行
id
;
iRow
:当前行位置索引;
iCol
:当前单元格位置索引;
e
:
event
对
象
|
onSelectAll
|
aRowids,status
|
multiselect
为
ture
,且点击头部的
checkbox
时才会触发此事件。
aRowids
:所有选中行的
id
集合,为一个数组。
status
:
boolean
变量说明
checkbox
的选择状态,
true
选中
false
不选中。
无论
checkbox
是否选择,
aRowids
始终有
值
|
onSelectRow
|
rowid,status
|
当选择行时触发此事件。
rowid
:当前行
id
;
status
:选择状
态
,
当
multiselect
为
true
时此参数才可
用
|
onSortCol
|
index,iCol,sortorder
|
当点击排序列但是数据还未进行变化时触发此事件。
index
:
name
在
colModel
中位置索引;
iCol
:当前单元格位置索引;
sortorder
:排序状态:
desc
或者
asc
|
resizeStart
|
event, index
|
当开始改变一个列宽度时触发此事件。
event
:
event
对象;
index
:当前列在
colModel
中位置索
引
|
resizeStop
|
newwidth, index
|
当列宽度改变之后触发此事件。
newwidth
:列改变后的宽度;
index
:当前列在
colModel
中的位置索
引
|
serializeGridData
|
postData
|
向服务器发起请求时会把数据进行序列化,
用户自定义数据也可以被提交到服务器
端
|
分享到:
相关推荐
jqGrid-3.4.2是jquery最好的插件,最好的学习资源,有强大页面样式布局和丰富事件机制,有ajax处理机制,供于大家学习参考!
jqGrid 学习 事件 45 jqGrid 学习 数据 48 jqGrid 学习 ColModel API 55 jqGrid 学习 参数(2) 57 jqGrid 学习 jqGrid 参数 63 jqGrid 学习 第一个实例 63 使用 jqGrid 修改数据并检查 69">jqGrid 学习 原理 2 ...
JqGrid中文API文档,包含了基础的JqGrid控件的属性方法事件等,有如何使用JqGrid的Demo.
jqgrid二次封装,快速加载grid表格,不改变原有的使用习惯,增加一些默认处理逻辑 var grid = $.jqGrid.init({ url: "<%=basePath%>/component/config/select.html", add: {content:"<%=basePath%>/admin/...
jqGrid帮助手册包含jqGrid参数、事件、方法、自定义按钮、搜索等
网上找了一些jqgrid的帮助文档,但是没有找到合适的CHM型号的,所以自己的做了一个,刚刚有一些开始学的方法和事件,以后不断补充……
该方式是在jqgrid的列基础上进行编辑,为列添加保存事件,文本域和输入框采用blur失去焦点的方式进行保存,该方法含有点击为其他列赋值的功能。参考api列子并结合自己公司功能需求。
jquery3.1.1+jqgriddemo5.2.0最新版本的表格控件。带隐藏列与自定义按钮事件这分花的绝对值,本人其他资源也是好资源哟
jqgrid 3.6中文配置,jqgrid的属性方法事件说明
修改和删除链接 jqGrid完成的事件是gridComplete:function(){}(可以理解为数据都准备好了), 因为从数据库获取到的json数据没有带修改和删除两项,所以在之后的处理就是,在gridComplete事件中循环为每一行添加这两...
对于刚接触jquerygrid的人相当不错哦,各个按钮事件都有介绍
jqGrid是一款基于jQuery...提供丰富的选项配置及方法事件接口。 支持表格排序,支持拖动列、隐藏列。 支持滚动加载数据。 支持实时编辑保存数据内容。 支持子表格及树形表格。 支持多语言。 最关键目前是免费的。 如何
我在项目中使用jqGrid时...需要借助jqGrid的两个事件方法: /** multiselect为ture,且点击头部的checkbox时才会触发此事件。aRowids:所有选中行的id集合,为一个数组。status:boolean变量说明checkbox的选择状态,t
在使用JqGrid时,Table中最后一列是操作列,在操作列中每一行都有一个操作按钮,该操作按钮和下拉菜单非常类似,下面给大家分享jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码,非常不错,感兴趣的朋友...
jqGrid 是一个用来显示网格数据的jQuery插件,通过使用jqGrid可以轻松实现前端页面与后台数据的ajax异步通信。 一、要引用的文件 要使用jqGrid,首先页面上要引入如下css与js文件。 1、css <link href=/css/ui...
支持懒加载,解决了大数据量显示效率的问题; 提供表格树回调接口,方便实现自己的业务; 优化以前表格树代码,并且公开源码。
通过键盘可直接响应和按钮一样的事件
在下面我们将设计一个场景,表格grid需要在每行实现鼠标右键,增加,删除,保存操作。grid我就用gridview了,随便用微软提供的样式,测试用例不用搞的多好看嘛,我也不是做美工了,哈哈,偷偷懒。...