`
什么向往
  • 浏览: 80130 次
  • 性别: 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-3.4.2 学习资源

    jqGrid-3.4.2是jquery最好的插件,最好的学习资源,有强大页面样式布局和丰富事件机制,有ajax处理机制,供于大家学习参考!

    jqGrid手册教程一本通

    jqGrid 学习 事件 45 jqGrid 学习 数据 48 jqGrid 学习 ColModel API 55 jqGrid 学习 参数(2) 57 jqGrid 学习 jqGrid 参数 63 jqGrid 学习 第一个实例 63 使用 jqGrid 修改数据并检查 69">jqGrid 学习 原理 2 ...

    JqGrid中文API文档

    JqGrid中文API文档,包含了基础的JqGrid控件的属性方法事件等,有如何使用JqGrid的Demo.

    jqgrid 二次封装上传 jqgrid 5.0以上版本

    jqgrid二次封装,快速加载grid表格,不改变原有的使用习惯,增加一些默认处理逻辑 var grid = $.jqGrid.init({ url: "<%=basePath%>/component/config/select.html", add: {content:"<%=basePath%>/admin/...

    jqGrid帮助文档

    jqGrid帮助手册包含jqGrid参数、事件、方法、自定义按钮、搜索等

    jqgrid chm帮助文档

    网上找了一些jqgrid的帮助文档,但是没有找到合适的CHM型号的,所以自己的做了一个,刚刚有一些开始学的方法和事件,以后不断补充……

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

    该方式是在jqgrid的列基础上进行编辑,为列添加保存事件,文本域和输入框采用blur失去焦点的方式进行保存,该方法含有点击为其他列赋值的功能。参考api列子并结合自己公司功能需求。

    jqgriddemo5.2.0

    jquery3.1.1+jqgriddemo5.2.0最新版本的表格控件。带隐藏列与自定义按钮事件这分花的绝对值,本人其他资源也是好资源哟

    jqgrid 3.6中文文档

    jqgrid 3.6中文配置,jqgrid的属性方法事件说明

    给jqGrid数据行添加修改和删除操作链接(之一)

    修改和删除链接 jqGrid完成的事件是gridComplete:function(){}(可以理解为数据都准备好了), 因为从数据库获取到的json数据没有带修改和删除两项,所以在之后的处理就是,在gridComplete事件中循环为每一行添加这两...

    jqgrid应用

    对于刚接触jquerygrid的人相当不错哦,各个按钮事件都有介绍

    Jqgrid之强大的表格插件应用

    jqGrid是一款基于jQuery...提供丰富的选项配置及方法事件接口。 支持表格排序,支持拖动列、隐藏列。 支持滚动加载数据。 支持实时编辑保存数据内容。 支持子表格及树形表格。 支持多语言。 最关键目前是免费的。 如何

    jqGrid翻页时数据选中丢失问题的解决办法

    我在项目中使用jqGrid时...需要借助jqGrid的两个事件方法: /** multiselect为ture,且点击头部的checkbox时才会触发此事件。aRowids:所有选中行的id集合,为一个数组。status:boolean变量说明checkbox的选择状态,t

    jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码

    在使用JqGrid时,Table中最后一列是操作列,在操作列中每一行都有一个操作按钮,该操作按钮和下拉菜单非常类似,下面给大家分享jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码,非常不错,感兴趣的朋友...

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

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

    jquery懒加载版本表格树GridTree.zip

    支持懒加载,解决了大数据量显示效率的问题; 提供表格树回调接口,方便实现自己的业务; 优化以前表格树代码,并且公开源码。

    jquery按键盘响应事件代码

    通过键盘可直接响应和按钮一样的事件

    jQuery右键菜单contextMenu使用实例

    在下面我们将设计一个场景,表格grid需要在每行实现鼠标右键,增加,删除,保存操作。grid我就用gridview了,随便用微软提供的样式,测试用例不用搞的多好看嘛,我也不是做美工了,哈哈,偷偷懒。...

Global site tag (gtag.js) - Google Analytics