如何给jqgrid导航栏增加自定义按钮及其事件

jQuery("#grid_id").navButtonAdd('#pager',{ caption:"Excel",buttonicon:"ui-icon-excel",onClickButton: function(){ alert("导出excel") },position:"last"})

我是想做这样的 *** 作

element.onclick=function(e){

02020202 回车事件

//在这里自动触发一次回车，相当于做了一个单击 *** 作后，用户按了回车键，其实用户没有按回车

02020202 其他处理}02问题补充：

1. $(elem).keydown(function(event){

2. if(event.keyCode==13){

3. //doSth

4. }

不知道大家明不明白我的意思问题补充：我这个需求是在jqgrid的工具条中使用的，增加了一个按钮，按钮事件如下：

onClickButton:function(){

//因为在编辑grid cell的时候，如果不按回车，或者焦点离开正在编辑的

//cell,jqgrid认为这一个cell 没有被修改过，所以在这里我想触发一个回车事件

//使焦点所在的cell变成已编辑状态，这样下面的cc中才能获取到完整的修改过的//cell

//在此处增加自动触发回车，而非用户按回车键

var cc = jQuery("#info").getChangedCells()//获取所有修改过的cell

if(cc.length <=0){

alert('没有修改的数据')

jQuery.ajax({})//这几做一个ajax提交数据，实现就不写了}

一般你可以给button按钮添加点击事件，也可以通过navButtonAdd方法添加导航按钮来调用。

－收缩JavaScript代码

jQuery("#mybutton").click(function() {

jQuery("#grid_id").setColumns(options)

return false

})

示例说明

mybutton：button元素的id（也可以为其他有效的html元素，不一定为button） is the id of a button element (can be any other valid HTMl element)

grid_id ：已经构造过jqGrid的DOM对象id

options：键值对对象，包含下面列出的内容

这个方法使用如下的语言文件

－收缩ActionScript代码

$.jgrid = {

//...

col : {

caption: "Show/Hide Columns",

bSubmit: "Submit",

bCancel: "Cancel"

},

//...

配置名称

描述

默认值

top模态对话框top初始化位置。jqModal为false时，相对于jqGrid对象来计算，否则相对当前的视窗（window）0

left模态对话框left初始化位置。jqModal为false时，相对于jqGrid对象来计算，否则相对当前的视窗（window）0

width模态对话框宽度200

height模态对话框高度auto

dataheight这个参数控制滚动区域高度，如上图所示的选择列的区域，位于表头和按钮之间auto

modal设置对模态话框是否为模态（就是是否显示所谓的遮盖层，lightbox效果）的，仅当启用jqModal插件时才有效（jqModal:true）false

drag设置对模态话框是否可以拖拽。需要加载 jqDnR 插件和jQuery UI的dragable部件（jQuery widget）true

beforeShowForm

模态对话框显示前触发的事件函数

beforeShowForm : function(formid) {…}

null

afterShowForm

模态对话框显示后触发的事件函数

afterShowForm: function(formid) {…}

null

afterSubmitForm点击提交按钮触发的事件

afterSubmitForm: function(formid) {…}

null

closeOnEscape设置为true可以通过按下ESC键关闭对话框窗口true

ShrinkToFit设置为true，grid自动调整列宽以便显示所有列false

jqModal设置为true将使用jqModal插件创建对话框false

colnameview设置为false，将不会显示colModel配置的name值（只显示列标题）true

closeAfterSubmit设置为false，点击提交按钮后不会关闭对话框true

onClose对话框关闭前触发，可以返回true或者false。返回true或者未返回值都会关闭表单对话框，false则不关闭表单对话框。null

saveicon 数组，定义提交按钮的图标。参数格式说明

第一个参数定义是否显示图标

第二个参数定图标显示位置，在按钮文本左边或者右边（left/right）

第三个参数和主题中定义的有效图标样式一致

[true,”left”,”ui-icon-disk”]

closeicon数组，定义取消（关闭）按钮。参数说明参考saveicon配置[true,”left”,”ui-icon-close”]

updateAfterCheck设置为ture，当点击对话框中的checkbox时立即显示或者隐藏对应的列。设置为true后会隐藏提交按钮false

recreateForm设置为true，对话框每次激活时表单都会从colModel（如果被修改过）中重新创建false

某些不需要显示或者隐藏的列，可以配colModel的hidedlg（默认false），这样这个列就不会出现在模态对话框中可以被用户 *** 作。

---