事件
例如
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
|
向服务器发起请求时会把数据进行序列化,
用户自定义数据也可以被提交到服务器
端
|
分享到:
相关推荐
《jQuery.jqGrid-4.5.4:强大的表格数据管理插件》 jQuery.jqGrid 是一个基于 jQuery 的开源网格插件,主要用于在网页上展示和管理大量结构化的数据。版本4.5.4是这个插件的一个稳定版本,虽然在官网上可能无法找到...
- **Events**:jqGrid提供了丰富的事件,如`loadComplete`、`beforeSelectRow`等,可以在特定时刻触发自定义的处理函数。 总的来说,jqGrid是一个强大且灵活的前端数据管理工具,对于需要在Web应用中展示和操作表格...
并且,jqGrid提供了丰富的事件处理机制,如`onSelectRow`、`onSortCol`等,让开发者能够精确地控制用户的交互行为。 总结来说,"jquery.jqGrid-3.5-beta"是一个强大的数据管理框架,为Web开发者提供了丰富的工具和...
6. 自定义:提供丰富的API和事件,允许开发者根据需求进行扩展和定制。 在tonytomov-jqGrid-v4.5.2 版本中,可能包含以下关键组件和改进: - 主文件:`tonytomov-jqGrid-1b4abea.js`,这是jqGrid的核心脚本文件,...
例如,要实现自定义的分页逻辑,开发者可能需要监听jqGrid的"loadComplete"事件,并结合jQuery UI的对话框展示分页信息。另外,对于性能优化,了解如何正确配置jqGrid的缓存策略和异步加载机制至关重要。 总的来说...
这些脚本提供了丰富的API和事件,让开发者能够深入控制网格的各个方面,如添加、编辑、删除记录,以及自定义按钮和工具栏等。 CSS部分位于"css"目录,其中的"ui.jqgrid.css"文件是jqGrid的样式定义,定义了表格的...
此外,jqGrid还提供了丰富的API和事件,使得开发者可以对表格进行深度定制。例如,可以通过API控制单元格的编辑、添加和删除,或者监听表格操作触发的事件来执行自定义的业务逻辑。这些API和事件使得jqGrid具有极高...
此外,它还提供了丰富的API和事件,允许开发者进行深度定制,如响应式设计、自定义行为和数据验证。 总的来说,jQuery.jqGrid 4.4.4 是一个高效且灵活的数据展示解决方案,它将复杂的表格操作简化为简单的代码调用...
3. **事件处理**:掌握jqGrid的各种内置事件,如loadComplete、beforeSelectRow等,以便在合适的时间执行自定义逻辑。 4. **分页和排序**:了解如何启用分页功能,以及如何设置排序规则。 5. **搜索和过滤**:学习...
通过引入这个文件,你可以利用jqGrid提供的API来定制你的数据网格,如设置列、定义数据源、绑定事件等。 3. **jqgriddocs.pdf**:这应该是jqGrid的官方文档,包含了详细的使用指南和API参考。通过阅读这份文档,...
4. **JS文件**:"js"目录包含jqGrid的核心JavaScript文件,如"grid.base.js"、"grid.common.js"等,这些文件定义了jqGrid的基本功能和事件处理。开发者可以深入研究源代码,了解其内部工作机制,或者扩展其功能。 5...
其中,`grid.base.js` 是基础组件,提供了基本的表格渲染和事件处理;`grid.common.js` 包含了通用的辅助函数;而 `grid.cool.js` 和 `grid.jqueryui.js` 则分别实现了酷炫的样式和与 jQuery UI 的集成。 接着是 `...
这些文件是实际网页中引用 jqGrid 功能所需的,它们提供了数据绑定、事件处理和用户交互等功能。 3. **css** 文件夹: CSS 文件夹包含了 jqGrid 的样式表,如 "ui.jqgrid.css"。这些样式定义了 jqGrid 的视觉表现...
3. **自定义和扩展**:jqGrid 允许开发者通过编写插件或自定义事件处理器来扩展其功能。这使得开发者能够根据项目需求添加特定的行为,如自定义按钮、弹出对话框等。 4. **多语言支持**:jqGrid 提供了多种语言的...
同时,jqGrid还提供了强大的API和事件处理机制,使得开发者可以通过编写JavaScript代码来控制表格的行为,实现更复杂的业务逻辑。 总的来说,jQuery.jqGrid 4.4.5是一个强大且灵活的前端数据管理工具,它通过丰富的...
通过引入这个文件,开发者可以利用 jqGrid 的 API 实现各种交互功能,如动态加载数据、异步请求、事件监听等。 总的来说,jQuery jqGrid 4.0.0 是一个强大且灵活的解决方案,适用于需要展示大量结构化数据的 Web ...
3. 事件监听:利用jqGrid提供的事件(如loadComplete、beforeSort等),可以在特定时刻执行自定义操作。 4. 自定义样式:可以通过CSS自定义jqGrid的外观,以符合项目风格或品牌要求。 5. 扩展与插件:jqGrid社区提供...
在IT领域,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画以及Ajax交互。jQuery.jqGrid是基于jQuery的开源数据网格插件,用于展示和操作大量数据。本篇将深入探讨jQuery.jqGrid 4.3.0...