`
什么向往
  • 浏览: 81103 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

jqgrid--事件

 
阅读更多

事件

例如

 

 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-4.5.4:强大的表格数据管理插件》 jQuery.jqGrid 是一个基于 jQuery 的开源网格插件,主要用于在网页上展示和管理大量结构化的数据。版本4.5.4是这个插件的一个稳定版本,虽然在官网上可能无法找到...

    jqGrid-master

    - **Events**:jqGrid提供了丰富的事件,如`loadComplete`、`beforeSelectRow`等,可以在特定时刻触发自定义的处理函数。 总的来说,jqGrid是一个强大且灵活的前端数据管理工具,对于需要在Web应用中展示和操作表格...

    jquery.jqGrid-3.5-beta

    并且,jqGrid提供了丰富的事件处理机制,如`onSelectRow`、`onSortCol`等,让开发者能够精确地控制用户的交互行为。 总结来说,"jquery.jqGrid-3.5-beta"是一个强大的数据管理框架,为Web开发者提供了丰富的工具和...

    jQuery tonytomov-jqGrid-v4.5.2 插件

    6. 自定义:提供丰富的API和事件,允许开发者根据需求进行扩展和定制。 在tonytomov-jqGrid-v4.5.2 版本中,可能包含以下关键组件和改进: - 主文件:`tonytomov-jqGrid-1b4abea.js`,这是jqGrid的核心脚本文件,...

    jquery.jqGrid-4.3.1+jquery-ui-1.8.17.rar

    例如,要实现自定义的分页逻辑,开发者可能需要监听jqGrid的"loadComplete"事件,并结合jQuery UI的对话框展示分页信息。另外,对于性能优化,了解如何正确配置jqGrid的缓存策略和异步加载机制至关重要。 总的来说...

    jquery.jqGrid-4.0.0包

    这些脚本提供了丰富的API和事件,让开发者能够深入控制网格的各个方面,如添加、编辑、删除记录,以及自定义按钮和工具栏等。 CSS部分位于"css"目录,其中的"ui.jqgrid.css"文件是jqGrid的样式定义,定义了表格的...

    jqGrid-5.1.0表格插件.rar

    此外,jqGrid还提供了丰富的API和事件,使得开发者可以对表格进行深度定制。例如,可以通过API控制单元格的编辑、添加和删除,或者监听表格操作触发的事件来执行自定义的业务逻辑。这些API和事件使得jqGrid具有极高...

    jquery.jqGrid-4.4.4.zip

    此外,它还提供了丰富的API和事件,允许开发者进行深度定制,如响应式设计、自定义行为和数据验证。 总的来说,jQuery.jqGrid 4.4.4 是一个高效且灵活的数据展示解决方案,它将复杂的表格操作简化为简单的代码调用...

    jquery最好的插件jqGrid-3.4.2 学习资源

    3. **事件处理**:掌握jqGrid的各种内置事件,如loadComplete、beforeSelectRow等,以便在合适的时间执行自定义逻辑。 4. **分页和排序**:了解如何启用分页功能,以及如何设置排序规则。 5. **搜索和过滤**:学习...

    jqGrid-3.2.zip

    通过引入这个文件,你可以利用jqGrid提供的API来定制你的数据网格,如设置列、定义数据源、绑定事件等。 3. **jqgriddocs.pdf**:这应该是jqGrid的官方文档,包含了详细的使用指南和API参考。通过阅读这份文档,...

    jquery.jqGrid-4.4.5.zip

    4. **JS文件**:"js"目录包含jqGrid的核心JavaScript文件,如"grid.base.js"、"grid.common.js"等,这些文件定义了jqGrid的基本功能和事件处理。开发者可以深入研究源代码,了解其内部工作机制,或者扩展其功能。 5...

    jquery.jqGrid-4.3.2.zip

    其中,`grid.base.js` 是基础组件,提供了基本的表格渲染和事件处理;`grid.common.js` 包含了通用的辅助函数;而 `grid.cool.js` 和 `grid.jqueryui.js` 则分别实现了酷炫的样式和与 jQuery UI 的集成。 接着是 `...

    jquery.jqGrid-4.0.0.zip

    这些文件是实际网页中引用 jqGrid 功能所需的,它们提供了数据绑定、事件处理和用户交互等功能。 3. **css** 文件夹: CSS 文件夹包含了 jqGrid 的样式表,如 "ui.jqgrid.css"。这些样式定义了 jqGrid 的视觉表现...

    jquery.jqGrid-4.4.0.zip

    3. **自定义和扩展**:jqGrid 允许开发者通过编写插件或自定义事件处理器来扩展其功能。这使得开发者能够根据项目需求添加特定的行为,如自定义按钮、弹出对话框等。 4. **多语言支持**:jqGrid 提供了多种语言的...

    jquery.jqGrid-4.4.5

    同时,jqGrid还提供了强大的API和事件处理机制,使得开发者可以通过编写JavaScript代码来控制表格的行为,实现更复杂的业务逻辑。 总的来说,jQuery.jqGrid 4.4.5是一个强大且灵活的前端数据管理工具,它通过丰富的...

    jquery.jqGrid-4.0.0

    通过引入这个文件,开发者可以利用 jqGrid 的 API 实现各种交互功能,如动态加载数据、异步请求、事件监听等。 总的来说,jQuery jqGrid 4.0.0 是一个强大且灵活的解决方案,适用于需要展示大量结构化数据的 Web ...

    jqGrid-3.5.alfa-2

    3. 事件监听:利用jqGrid提供的事件(如loadComplete、beforeSort等),可以在特定时刻执行自定义操作。 4. 自定义样式:可以通过CSS自定义jqGrid的外观,以符合项目风格或品牌要求。 5. 扩展与插件:jqGrid社区提供...

    jquery.jqGrid-4.3.0+jquery-ui-1.8.16.custom所有包

    在IT领域,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画以及Ajax交互。jQuery.jqGrid是基于jQuery的开源数据网格插件,用于展示和操作大量数据。本篇将深入探讨jQuery.jqGrid 4.3.0...

Global site tag (gtag.js) - Google Analytics