jqGrid自定义按钮.docx

...

JS的用法：

如果使用新API：

或者：

grid_id：

表格id

gridpager：

导航栏id

parameters：

参数列表

prmEdit,prmAdd,prmDel,prmSearch,prmView：

事件

参数使用：

$.jgrid={

...

search:

{

caption:

"Search...",

Find:

"Find",

Reset:

"Reset",

odata:

['equal','notequal','less','lessorequal','greater','greaterorequal','beginswith','doesnotbeginwith','isin','isnotin','endswith','doesnotendwith','contains','doesnotcontain'],

groupOps:

[{op:

"AND",text:

"all"},{op:

"OR",text:

"any"}],

matchText:

"match",

rulesText:

"rules"

},

edit:

{

addCaption:

"AddRecord",

editCaption:

"EditRecord",

bSubmit:

"Submit",

bCancel:

"Cancel",

bClose:

"Close",

saveData:

"Datahasbeenchanged!

Savechanges?

",

bYes:

"Yes",

bNo:

"No",

bExit:

"Cancel",

},

view:

{

caption:

"ViewRecord",

bClose:

"Close"

},

del:

{

caption:

"Delete",

msg:

"Deleteselectedrecord（s）?

",

bSubmit:

"Delete",

bCancel:

"Cancel"

},

nav:

{

edittext:

"",

edittitle:

"Editselectedrow",

addtext:

"",

addtitle:

"Addnewrow",

deltext:

"",

deltitle:

"Deleteselectedrow",

searchtext:

"",

searchtitle:

"Findrecords",

refreshtext:

"",

refreshtitle:

"ReloadGrid",

alertcap:

"Warning",

alerttext:

"Please,selectrow",

viewtext:

"",

viewtitle:

"Viewselectedrow"

},

...

详细参数说明

属性

类型

说明

默认值

add

boolean

是否启用新增功能，当点击按钮时会触发editGridRow事件

true

addicon

string

给新增功能设置图标，只有UItheme里的图标才可以使用

ui-icon-plus

addtext

string

新增按钮上的文字

空

addtitle

string

当鼠标移到新增按钮上时显示的提示

新增一行

alertcap

string

当我们edit,deleteorview一行记录时出现的提示信息

警告

alerttext

string

当edit,deleteorview一行记录时的文本提示

请选择一行记录

closeOnEscape

boolean

是否可以使用esc键关闭对话框

true

del

boolean

是否启用删除功能，启用时会触发事件delGridRow

true

delicon

string

设置删除按钮的图标，只有UItheme里的图标才可以使用

ui-icon-trash

deltext

string

设置到删除按钮上的文字信息

空

deltitle

string

当鼠标移到删除按钮上时出现的提示

删除锁选择的行

edit

boolean

是否启用可编辑功能，当编辑时会触发事件editGridRow

true

editicon

string

设置编辑按钮的图标，只有UItheme里的图标才可以使用

ui-icon-pencil

edittext

string

编辑按钮上文字

空

edittitle

string

当鼠标移到编辑按钮上出现的提示信息

编辑所选择的行

position

string

定义按钮位置，可选值left,centerandright.

left

refresh

boolean

是否启用刷新按钮，当点击刷新按钮时会触发trigger（“reloadGrid”）事件，而且会清空搜索条件值

true

refreshicon

string

设置刷新图标，只有UItheme里的图标才可以使用

ui-icon-refresh

refreshtext

string

刷新按钮上文字信息

空

refreshtitle

string

当鼠标移到刷新按钮上的提示信息

重新加载

refreshstate

string

指明表格如何刷新。

firstpage：

从第一页开始刷新；current：

只刷新当前页内容

firstpage

afterRefresh

function

当点击刷新按钮之后触发此事件

null

search

boolean

是否启用搜索按钮，会触发searchGrid事件

true

searchhicon

string

设置搜索按钮的图标，只有UItheme里的图标才可以使用

ui-icon-search

searchtext

string

搜索按钮上的文字

空

searchtitle

string

当鼠标移到搜索按钮上的提示信息

搜索

view

boolean

是否启用查看按钮，会触发事件viewGridRow

false

viewicon

string

设置查看按钮的图标，只有UItheme里的图标才可以使用

ui-icon-document

viewtext

string

查看按钮上文字

空

viewtitle

string

当鼠标移到查看按钮上的提示信息

查看所选记录

实例：

[js]

[js]

jqGrid--翻页

jqGrid的翻页要定义在html里，通常是在grid的下面，且是一个div对象：

...