`
gcq04552015
  • 浏览: 460798 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jqGrid中的事件

 
阅读更多
jqGrid中的事件:

语法:

Java代码 
1.var lastSel;  
2.jQuery("#gridid").jqGrid({  
3....  
4.   onSelectRow: function(id){   
5.      if(id && id!==lastSel){   
6.         jQuery('#gridid').restoreRow(lastSel);   
7.         lastSel=id;   
8.      }   
9.      jQuery('#gridid').editRow(id, true);   
10.   },  
11....  
12.}); 
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对象。此事件不支持opera游览器
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 中文大全(1)

    “jqGrid基础学习:5jqGrid中事件的使用”涵盖了jqGrid的各种事件,如loadComplete、beforeSelectRow等,这些事件可以用来监听用户操作并执行相应的处理函数,增强了交互性和功能定制。 6. **jqGrid的中文支持**:...

    jqgrid中文文档API

    本文将详细介绍jQgrid的中文文档API,涵盖了其原理、使用方法、参数配置、事件处理、数据处理、ColModel API等方面的知识点。 原理 jQgrid是典型的B/S架构,服务器端只是提供数据管理,客户端只是提供数据显示。...

    JqGrid中文API文档

    通过在配置对象中定义这些事件处理函数,可以自定义JqGrid的行为。 九、扩展功能 JqGrid还提供了其他高级功能,如行选择、列自适应、导出数据、树形结构展示等。通过配置`multiselect`、`autoresizeAllColumns`、`...

    jqGrid_api中文文档

    文件中提及了jqGrid中的一些核心概念,例如ColModel API、参数配置、自定义搜索、搜索工具栏、搜索、自定义格式化类型、格式化、自定义按钮、翻页功能、配置json、方法和事件。这些内容涉及了如何通过编程方式操作...

    jqGrid中文文档.doc

    jQuery 提供了简便的 DOM 操作、事件处理和动画效果,是开发网页交互功能的基础工具。对于 jQuery 的学习,可以访问官方站点 jquery.com 获取相关资料。 jqGrid 的系统需求主要包括以下几个方面: 1. 浏览器支持:...

    jqGrid中文教程

    同时,需要了解 jqGrid 的事件处理机制,包括行事件、单元格事件、编辑事件等。 jqGrid 也提供了多种自定义功能,包括自定义列、自定义编辑器、自定义按钮等。同时,jqGrid 也提供了多种主题,包括基本主题、...

    JqGrid插件+JqGridDemo+JqGrid主题

    JqGrid是一款强大的JavaScript表格插件,用于在Web应用程序中展示和操作数据。它基于jQuery库,提供了丰富的功能,如数据排序、筛选、分页、编辑、添加、删除和保存等,极大地增强了网页中表格的交互性和数据管理...

    jqGrid4.6完整包

    6. **事件处理**:jqGrid 提供丰富的事件接口,如 `onSelectRow`、`beforeEditCell`、`afterSaveCell` 等,允许开发者在特定操作前后执行自定义逻辑。 7. **性能优化**:jqGrid 在处理大量数据时,通过虚拟滚动、懒...

    jqGrid 属性中文配置文档

    这个选项会覆盖当前所有的 ajax 设置,包括 ajax 的 error、complete 以及 beforeSend 事件。默认值为空对象,这个属性可以修改。 ajaxSelectOptions jqGrid 的 ajaxSelectOptions 属性用于设置 select 元素的 ajax...

    jqgrid行编辑+动态为其他列赋值

    在IT行业中,jqGrid是一个非常流行的JavaScript库,用于创建数据密集型Web应用程序,特别是用于展示和操作表格数据。jqGrid提供了丰富的功能,包括排序、筛选、分页以及行编辑等。在本例中,我们将深入探讨如何实现...

    JQGrid系列教程 代码

    通过事件处理器,如`loadComplete`、`beforeSelectRow`等,可以实现自定义行为,增强JQGrid的功能。 9. **主题与外观** JQGrid允许自定义样式,可以使用内置的主题,如`ui.jqgrid.css`,或者创建自己的CSS样式来...

    jqGrid 中文 英文 文档

    8. **事件处理**: jqGrid提供了丰富的事件回调,如loadComplete、beforeSelectRow等,便于在特定时刻插入自定义逻辑。 9. **主题与样式**: jqGrid允许自定义样式,可以与各种前端框架(如Bootstrap)集成,以适应...

    jqGrid_各种参数_详解

    jqGrid 的安装非常简单,只需将相应的 CSS 和 JS 文件加入到页面中即可。jqGrid 需要 jQuery 和 jQuery UI 的支持。 2. jqGrid 的皮肤 从 3.5 版本开始,jqGrid 完全支持 jQuery UI 的主题。用户可以从 jQuery UI ...

    jqGrid表格插件(带中文/英文文档)

    jqGrid是一款功能强大的JavaScript表格插件,用于在Web应用程序中展示和操作数据。它支持多种功能,如数据分页、排序、过滤、编辑和 AJAX 交互。这款插件基于 jQuery 库,使得开发者能够轻松地在网页上创建交互式、...

    jqGrid_api中文文档.doc

    同时,文档还涵盖了如何处理数据加载、编辑、保存和验证的事件,以及如何使用 jqGrid 的API进行操作。 总的来说,jqGrid 是一个功能丰富的 jQuery 表格插件,通过灵活的配置和强大的功能,可以满足各种数据展示和...

    jqGrid 4.6和4.7版本

    在jqGrid 4.6和4.7这两个版本中,我们可以深入探讨一些核心知识点: 1. **数据网格布局**:jqGrid提供了丰富的选项来定义表格的列、行以及样式,使得开发者可以轻松创建出符合项目需求的数据展示格式。 2. **Ajax...

    jqgrid序列

    `jqGrid`是一款基于JavaScript的开源数据网格组件,主要用于在Web应用中展示和管理大量结构化数据。它提供了丰富的特性和功能,包括数据的分页、排序、过滤、编辑以及对服务器端数据的异步操作。jqGrid与jQuery库...

    jqgrid +bootstrap4.0 直接使用

    在标签 "jqgrid" 中,我们可以推测这个压缩包主要关注 jqGrid 的使用,可能涵盖了基本功能的实现,如数据加载、列定义、事件处理等。jqGrid 支持多种数据源,包括 JSON、XML、CSV 等,还支持本地和远程数据操作。...

    jqgrid demo

    jqGrid 是一个强大的JavaScript库,专门用于在Web应用中创建数据密集型的表格。这个"jqgrid demo"压缩包包含了jqGrid的中文文档和演示示例,方便开发者在没有网络连接的情况下也能进行学习和测试。 jqGrid的核心...

    JQGrid 分页

    例如,你可以在`loadComplete`事件中添加自定义的后处理逻辑,如数据格式化或统计信息的更新。 总的来说,JQGrid分页功能的实现涉及到前端和后端的协同工作,前端通过JQGrid的配置和事件处理实现用户界面的交互,...

Global site tag (gtag.js) - Google Analytics