`
jean7155
  • 浏览: 61437 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

jqGrid的使用笔记:5. 事件

阅读更多
1. 事件举例:
var lastSel;
jQuery("#gridid").jqGrid({
...
   onSelectRow: function(id){ 
      if(id && id!==lastSel){ 
         jQuery('#gridid').restoreRow(lastSel); 
         lastSel=id; 
      } 
      jQuery('#gridid').editRow(id, true); 
   },
...
});

以上代码中,onSelectRow就是一个事件,表示当一个行被选定时,需要自定义的操作。

2. 事件列表
事件参数描述
afterInsertRowrowid,rowdata,rowelemrowid: 输入行的id号,rowdata: 输入行的数组数据,数组形式为“类型名称:值", 名称是colModel的名称。rowelem: response返回的元素,如果是xml则是行的xml元素,或者是json(行的json数据元素)。备注:gridview = true.
beforeProcessingdata, status, xhrdata根据datatype参数值进行整合,如果datatype是json,data是javascript对象。
beforeRequestnone如果datatype=function,则不触发此事件。如果事件返回false,则request不送达服务端
beforeSelectRowrowid, erowid:行id号,e:事件对象。返回值是布尔值(true / false)。如果返回true,则行被选择,否则,行不被选择,并且不触发任何自定义的操作。
gridCompletenone
loadBeforeSendxhr,settings返回false则取消request
loadCompletedata根据datatype的参数确定返回的data.
loadErrorxhr,status,errorxhr: XMLHttpRequest对象, status: 描述错误的字符串,error:发生的错误。
onCellSelectrowid,iCol, cellcontent,erowid:行id号,iCol:cell索引号,cellcontent:cell的内容,e:点击时的事件对象。(备注:当cell编辑模式可用时引发该事件)。
ondblClickRowrowid, iRow, iCol, e双击行时触发该事件。rowid,iRow:行的索引号,iCol:cell的索引号,e:事件对象。
onHeaderClickgridstatehidegrid=true. gridstate: grid的状态:可见 / 隐藏
onPagingpgButton点击分页按钮时触发事件。如果事件返回“停止”,则可自定义分页功能。
onRightClickRowrowid, iRow, iCol, e备注:改事件不能被Opera浏览器触发。
onSelectAllaRowids,statusmultiselect=true(多选),aRowids:行id的数组,status:行头选择框状态,true被选,false未选。备注:aRowids包含所有被选或未选的id.
onSelectRow rowid,status,erowid,status:选择状态,e. 当multiselect=true时可用。true被选,false未选
onSortColindex,iCol,sortorderindex: colModel的名称索引,iCol:列索引,sortorder: asc顺序,desc倒序,如果事件返回‘停止’,则可自定义排序规则。
resizeStart event, indexevent:事件对象,index:colModel列索引。
resizeStop newwidth, indexnewwidth:列的新列宽值,index:colModel列索引
serializeGridDatapostData返回被序列的数据。当一系列数据(json,xml字符串等)需要传递给服务端时使用该方法。

其它的是Cell编辑的方法,subGrid方法等。

3. v4.3.2中的新方法:
事件参数描述
jqGridResizeStart
jqGridResizeStop
jqGridAfterInsertRow
jqGridGridCompletenone
jqGridAfterGridCompletenone
jqGridBeforeRequestnone
jqGridLoadComplete
jqGridAfterLoadComplete
jqGridSortCol
jqGridSelectAll
jqGridBeforeSelectRow
jqGridCellSelect
jqGridDblClickRow
jqGridRightClickRow
jqGridHeaderClick
jqGridSelectRow
jqGridShowHideCol
jqGridRemapColumns
jqGridKeyLeft
jqGridKeyRight
jqGridKeyEnter
jqGridKeySpace
jqGridToolbarBeforeSearchnone
reloadGrid
jqGridToolbarAfterSearchnone
jqGridToolbarBeforeClearnone
jqGridToolbarAfterClearnone
jqGridFilterBeforeShow
jqGridFilterAfterShow
jqGridFilterInitialize
jqGridFilterSearchnone
jqGridFilterResetnone
jqGridAddEditBeforeCheckValues
jqGridAddEditClickSubmit
jqGridAddEditBeforeSubmit
jqGridAddEditErrorTextFormat
jqGridAddEditAfterSubmit
jqGridAddEditAfterComplete
jqGridAddEditBeforeInitDataform, operform:jQuery对象表单,oper:操作类型,比如“添加”或“编辑”。
jqGridAddEditBeforeShowForm
jqGridAddEditAfterShowForm
jqGridAddEditInitializeForm
jqGridAddEditClickPgButtons
jqGridAddEditAfterClickPgButtons
jqGridInlineEditRow
jqGridInlineAfterSaveRow
jqGridInlineSuccessSaveRow
jqGridInlineErrorSaveRow
jqGridInlineAfterRestoreRow
jqGridBeforeEditCell
jqGridAfterEditCell
jqGridSelectCell
jqGridBeforeSaveCell
jqGridBeforeSubmitCell
jqGridAfterSubmitCell
jqGridAfterSaveCell
jqGridErrorCell
jqGridAfterRestoreCell
jqGridSubGridBeforeExpand
jqGridSubGridRowExpanded
jqGridSubGridRowColapsed
jqGridGroupingClickGroup
jqGridImportComplete


运行次序
  • beforeRequest
  • loadBeforeSend
  • serializeGridData
  • loadError (如果发生错误,则运行该方法,后面的方法不运行。如果没有错误,则跳过此方法运行后面的方法。)
  • beforeProcessing
  • gridComplete
  • loadComplete
分享到:
评论

相关推荐

    jqGrid 的使用笔记:1. 开始

    NULL 博文链接:https://jean7155.iteye.com/blog/1835073

    jqGrid使用笔记.docx

    jqGrid使用笔记.docx

    jquery.jqGrid.min.js 自家博客专用

    博客专用: Jqgrid学习笔记__01__初来乍到 很多时候在网上下载一段代码,结果引用的CSS和JS文件不知道从哪里弄,结果上网下载,不是版本不对,就是完全不对。这里的JS是有对应的代码段的。请参考博客 ====> Jqgrid...

    jqgrid 简单学习笔记

    JqGrid的基础,我这里就不做介绍了,不知道的可以去看看博客园或Google,最好去看文档。先看效果图: 本Demo可以查询、修改、分组。新增、删除等一些基本功能都可以去JqGrid Demo中找到。 逻辑思路:第一次加载本...

    ui.jqgrid.css 自家博客专用

    博客专用: Jqgrid学习笔记__01__初来乍到 很多时候在网上下载一段代码,结果引用的CSS和JS文件不知道从哪里弄,结果上网下载,不是版本不对,就是完全不对。这里的CSS是有对应的代码段的。请参考博客 ====> Jqgrid...

    jqGrid学习笔记1 - - - - jqGrid英语PDF文档

    NULL 博文链接:https://only-xxp.iteye.com/blog/768029

    jqGrid表格数据修改删除代码.zip

    jqGrid表格数据修改删除代码.zip

    jqgrid学习笔记

    学习jqgrid自己整理的一些笔记,希望对大家有所帮助

    jqGrid表格内容查询读取代码.zip

    有兴趣刚需的可以自己下载,非常实用的代码,可以完美运行,有能力的还可以二次修改!

    jqGrid 学习笔记整理——进阶篇(一 )

    主要介绍了jqGrid 学习笔记整理——进阶篇(一 )的相关资料,需要的朋友可以参考下

    Java中jqGrid 学习笔记整理——进阶篇(二)

    主要介绍了Java中jqGrid 学习笔记整理——进阶篇(二)的相关资料,需要的朋友可以参考下

    jQuery学习笔记——jqGrid的使用记录(实现分页、搜索功能)

    jqGrid 是一个用来显示网格数据的jQuery插件,通过使用jqGrid可以轻松实现前端页面与后台数据的ajax异步通信。 一、要引用的文件 要使用jqGrid,首先页面上要引入如下css与js文件。 1、css <link href=/css/ui...

    Jquery_jqGrid 帮助文档

    Jquery_jqGrid 帮助文档 因为项目中用到了 Jquery_jqGrid  所以自己整理了下,就当是一篇笔记吧。

    MongoDB学习笔记(三) 在MVC模式下通过Jqgrid表格操作MongoDB数据

    下面我们将逐步讲解怎么在MVC模式下将MongoDB数据读取,并展示在前台Jqgrid表格上。这个“简易系统”的基本设计思想是这样的:我们在视图层展示表格,Jqgrid相关Js逻辑全部放在一个Js文件中,控制层实现了“增删查改...

    jquery-1.5.2.min.js 自家博客专用

    博客专用: Jqgrid学习笔记__01__初来乍到 很多时候在网上下载一段代码,结果引用的CSS和JS文件不知道从哪里弄,结果上网下载,不是版本不对,就是完全不对。这里的JS是有对应的代码段的。请参考博客 ====> Jqgrid...

    grid.locale-cn.js 自家博客专用

    博客专用: Jqgrid学习笔记__01__初来乍到 很多时候在网上下载一段代码,结果引用的CSS和JS文件不知道从哪里弄,结果上网下载,不是版本不对,就是完全不对。这里的JS是有对应的代码段的。请参考博客 ====> Jqgrid...

    jquery-ui-1.7.1.custom.css 自家博客专用

    博客专用: Jqgrid学习笔记__01__初来乍到 很多时候在网上下载一段代码,结果引用的CSS和JS文件不知道从哪里弄,结果上网下载,不是版本不对,就是完全不对。这里的CSS是有对应的代码段的。请参考博客 ====> Jqgrid...

Global site tag (gtag.js) - Google Analytics