jqGrid自定义按钮

用法：

<script>
...
jQuery("#grid_id").navGrid("#pager",...).navButtonAdd("#pager",{parameters});
...
</script>

如果使用新API

<script>
...
jQuery("#grid_id").jqGrid('navGrid',"#pager",...).jqGrid('navButtonAdd',"#pager",{parameters});
...
</script>

默认参数

{caption:"NewButton",buttonicon:"ui-icon-newwin",onClickButton:null,position:"last",title:"",cursor:"pointer"}

caption：按钮名称，可以为空，string类型
buttonicon：按钮的图标，string类型，必须为UI theme图标
onClickButton：按钮事件，function类型，默认null
position：first或者last，按钮位置
title：string类型，按钮的提示信息
cursor：string类型，光标类型，默认为pointer
id：string类型，按钮id

如果设置多个按钮：

...
jQuery("#grid_id")
.navGrid('#pager',{edit:false,add:false,del:false,search:false})
.navButtonAdd('#pager',{
caption:"Add",
buttonicon:"ui-icon-add",
onClickButton:function(){
alert("AddingRow");
},
position:"last"
})
.navButtonAdd('#pager',{
caption:"Del",
buttonicon:"ui-icon-del",
onClickButton:function(){
alert("DeletingRow");
},
position:"last"
});
...

按钮间的分隔

<script>
...
jQuery("#grid_id").navGrid("#pager",...).navButtonAdd("#pager",{parameters}).navSeparatorAdd("#pager",{separator_parameters}};
...
</script>

默认参数：

{sepclass:“ui-separator”,sepcontent:''}

sepclass：ui-jqgrid的属性名
sepcontent：分隔符的内容