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基础学习:5jqGrid中事件的使用”涵盖了jqGrid的各种事件,如loadComplete、beforeSelectRow等,这些事件可以用来监听用户操作并执行相应的处理函数,增强了交互性和功能定制。 6. **jqGrid的中文支持**:...
本文将详细介绍jQgrid的中文文档API,涵盖了其原理、使用方法、参数配置、事件处理、数据处理、ColModel API等方面的知识点。 原理 jQgrid是典型的B/S架构,服务器端只是提供数据管理,客户端只是提供数据显示。...
通过在配置对象中定义这些事件处理函数,可以自定义JqGrid的行为。 九、扩展功能 JqGrid还提供了其他高级功能,如行选择、列自适应、导出数据、树形结构展示等。通过配置`multiselect`、`autoresizeAllColumns`、`...
文件中提及了jqGrid中的一些核心概念,例如ColModel API、参数配置、自定义搜索、搜索工具栏、搜索、自定义格式化类型、格式化、自定义按钮、翻页功能、配置json、方法和事件。这些内容涉及了如何通过编程方式操作...
jQuery 提供了简便的 DOM 操作、事件处理和动画效果,是开发网页交互功能的基础工具。对于 jQuery 的学习,可以访问官方站点 jquery.com 获取相关资料。 jqGrid 的系统需求主要包括以下几个方面: 1. 浏览器支持:...
同时,需要了解 jqGrid 的事件处理机制,包括行事件、单元格事件、编辑事件等。 jqGrid 也提供了多种自定义功能,包括自定义列、自定义编辑器、自定义按钮等。同时,jqGrid 也提供了多种主题,包括基本主题、...
JqGrid是一款强大的JavaScript表格插件,用于在Web应用程序中展示和操作数据。它基于jQuery库,提供了丰富的功能,如数据排序、筛选、分页、编辑、添加、删除和保存等,极大地增强了网页中表格的交互性和数据管理...
6. **事件处理**:jqGrid 提供丰富的事件接口,如 `onSelectRow`、`beforeEditCell`、`afterSaveCell` 等,允许开发者在特定操作前后执行自定义逻辑。 7. **性能优化**:jqGrid 在处理大量数据时,通过虚拟滚动、懒...
这个选项会覆盖当前所有的 ajax 设置,包括 ajax 的 error、complete 以及 beforeSend 事件。默认值为空对象,这个属性可以修改。 ajaxSelectOptions jqGrid 的 ajaxSelectOptions 属性用于设置 select 元素的 ajax...
在IT行业中,jqGrid是一个非常流行的JavaScript库,用于创建数据密集型Web应用程序,特别是用于展示和操作表格数据。jqGrid提供了丰富的功能,包括排序、筛选、分页以及行编辑等。在本例中,我们将深入探讨如何实现...
通过事件处理器,如`loadComplete`、`beforeSelectRow`等,可以实现自定义行为,增强JQGrid的功能。 9. **主题与外观** JQGrid允许自定义样式,可以使用内置的主题,如`ui.jqgrid.css`,或者创建自己的CSS样式来...
安装jqGrid非常简单,只需要将相应的css、js文件加入到页面中即可。按照官网文档,我们需要将相应的css文件和js文件放到相应的目录下,然后在页面中引入这些文件。具体操作如下: 1. 在HTML文件的部分中,引入所需...
8. **事件处理**: jqGrid提供了丰富的事件回调,如loadComplete、beforeSelectRow等,便于在特定时刻插入自定义逻辑。 9. **主题与样式**: jqGrid允许自定义样式,可以与各种前端框架(如Bootstrap)集成,以适应...
jqGrid 的安装非常简单,只需将相应的 CSS 和 JS 文件加入到页面中即可。jqGrid 需要 jQuery 和 jQuery UI 的支持。 2. jqGrid 的皮肤 从 3.5 版本开始,jqGrid 完全支持 jQuery UI 的主题。用户可以从 jQuery UI ...
在jqGrid4.5.2中实现多列排序,开发者需要配置相应的参数和事件。首先,确保在表格初始化时设置`multisort`选项为`true`,这将启用多列排序功能。接着,可以通过`sortorder`参数指定默认的排序顺序,如'asc'(升序)...
jqGrid是一款功能强大的JavaScript表格插件,用于在Web应用程序中展示和操作数据。它支持多种功能,如数据分页、排序、过滤、编辑和 AJAX 交互。这款插件基于 jQuery 库,使得开发者能够轻松地在网页上创建交互式、...
同时,文档还涵盖了如何处理数据加载、编辑、保存和验证的事件,以及如何使用 jqGrid 的API进行操作。 总的来说,jqGrid 是一个功能丰富的 jQuery 表格插件,通过灵活的配置和强大的功能,可以满足各种数据展示和...
在jqGrid 4.6和4.7这两个版本中,我们可以深入探讨一些核心知识点: 1. **数据网格布局**:jqGrid提供了丰富的选项来定义表格的列、行以及样式,使得开发者可以轻松创建出符合项目需求的数据展示格式。 2. **Ajax...
`jqGrid`是一款基于JavaScript的开源数据网格组件,主要用于在Web应用中展示和管理大量结构化数据。它提供了丰富的特性和功能,包括数据的分页、排序、过滤、编辑以及对服务器端数据的异步操作。jqGrid与jQuery库...
在标签 "jqgrid" 中,我们可以推测这个压缩包主要关注 jqGrid 的使用,可能涵盖了基本功能的实现,如数据加载、列定义、事件处理等。jqGrid 支持多种数据源,包括 JSON、XML、CSV 等,还支持本地和远程数据操作。...