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对象。此事件不支持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的英文PDF文档,结合了源码解析和实用工具的介绍。 首先,jqGrid支持多种数据源,包括JSON、XML、HTML、CSV等,这使得它能灵活地与各种后端服务进行...
这些示例对于初学者来说非常有用,可以快速理解和学习如何应用jqGrid。 3. **文档**:可能还会有详细的API文档和用户手册,帮助开发者了解jqGrid的所有功能和选项。通过阅读文档,你可以了解如何设置列定义、数据...
例如,要实现自定义的分页逻辑,开发者可能需要监听jqGrid的"loadComplete"事件,并结合jQuery UI的对话框展示分页信息。另外,对于性能优化,了解如何正确配置jqGrid的缓存策略和异步加载机制至关重要。 总的来说...
这个学习资源包含了所有必要的组件,帮助开发者深入了解和掌握jqGrid的强大功能。 首先,`jquery.js`是jQuery的核心库,它是jqGrid运行的基础。jQuery提供了一种简洁的方式来操作DOM、处理事件、执行异步请求,以及...
4. **JS文件**:"js"目录包含jqGrid的核心JavaScript文件,如"grid.base.js"、"grid.common.js"等,这些文件定义了jqGrid的基本功能和事件处理。开发者可以深入研究源代码,了解其内部工作机制,或者扩展其功能。 5...
2. **示例**:demo目录下的各种示例代码展示了jqGrid的各种功能和用法,是学习和调试的好帮手。 3. **文档**:docs目录中的文档详细解释了jqGrid的配置选项、方法、事件等,是开发者的参考手册。 4. **本地化**:i18...
在标签 "jqgrid" 中,我们可以推测这个压缩包主要关注 jqGrid 的使用,可能涵盖了基本功能的实现,如数据加载、列定义、事件处理等。jqGrid 支持多种数据源,包括 JSON、XML、CSV 等,还支持本地和远程数据操作。...
通过 `jqGridFirstDemo`,你可以学习到如何在实际项目中运用 `jQuery.jqGrid 3.6.4`,包括基本的配置、功能的启用以及对各种特性的定制。这个演示不仅展示了 `jqGrid` 的强大功能,还提供了一个动手实践的平台,帮助...
例如,你可以在这里找到"grid.base.js",它是jqGrid的基础,提供了表格渲染和基本的事件处理;还有"grid.common.js",包含了许多通用的函数,用于处理数据操作和用户交互。 接下来,"js"目录下的文件主要是一些预...
jqGrid是一款功能强大的JavaScript数据网格...学习jqGrid5.5不仅可以提高数据展示和管理的效率,还能提升开发者的前端技能。通过深入理解和实践,开发者可以充分利用jqGrid的强大功能,为用户带来更优质的交互体验。
通过监听各种事件(如 `loadComplete`、`onSelectRow`),可以实现更多自定义功能,如加载完成后的处理或选择行时的响应。 总的来说,jqGrid 是一个功能强大的 jQuery 数据表格插件,适合处理复杂的数据展示和操作...
- `docs`: 官方文档,帮助开发者了解和学习如何使用jqGrid。 - `src`: jqGrid的源代码,方便开发者查看和定制。 通过以上内容,我们可以看到jqGrid 4.4.1是一个功能强大的表格插件,提供了全面的数据管理和展示功能...
6. **学习和应用**:对于初学者,可以通过官方文档和示例代码学习如何使用jqGrid。对于开发者,可以结合其他前端框架(如Bootstrap)和后端技术(如PHP、ASP.NET、Node.js等)构建完整的Web应用。 总之,Guriddo_...
**jqGrid介绍** jqGrid是一款基于jQuery的开源插件,由Tony Tomov开发,用于创建交互式的、数据量丰富的网格视图。...通过深入学习和应用jqGrid,开发者能够构建出更加交互性和用户友好的数据驱动应用。
开发者需要熟悉 JavaScript 和 jQuery 的基本语法,如选择器、事件处理、DOM 操作等,以便于自定义 jqGrid 的行为。 4. **jqGrid 配置** jqGrid 的功能可以通过配置选项进行定制。例如,可以设置列宽、标题、数据...
示例代码(DEMO)是学习和理解jqGrid功能的关键,它们展示了如何实际应用jqGrid的各种特性。通过查看和运行DEMO,开发者能够快速上手,了解如何配置和使用jqGrid。 5. **DOC文档的价值** 提供的3.4版本DOC文档...
"Jqgrid之onSelectRow 和onCellSelect 事件不能一起用-yellowcong_yelllowcong的专栏-CSDN博客_files"和"jQuery学习笔记--JqGrid相关操作 方法列表 备忘 重点讲解(超重要)_web开发自学-CSDN博客_files"以及"jqgrid...
jqGrid 是一个强大的 jQuery 插件,用于在...总之,这份jqGrid的示例代码集为开发者提供了一个实践和学习jqGrid的完整平台,无论是初学者还是有经验的开发者,都能从中受益匪浅,快速提升在Web表格数据管理方面的技能。
总的来说,"jqGrid demo"提供了一个全面了解和学习jqGrid的平台,无论你是初学者还是有经验的开发者,都能从中受益。通过深入研究这些文件和示例,你可以熟练地将jqGrid集成到你的Web应用中,创建功能强大的数据管理...
files` 和 `jqGrid中文说明文档——选项设置-Helloweba-致力于WEB前端技术在中国的应用_files` 可能是相关文档的配套示例代码或资源,用于演示如何在实际项目中使用jqGrid,这些例子可以帮助开发者更直观地学习和...