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("Adding Row");
    },
    position:"last"
 })
 .navButtonAdd('#pager',{
    caption:"Del",
    buttonicon:"ui-icon-del",
    onClickButton: function(){
       alert("Deleting Row");
    },
    position:"last"
 });  

按钮间的分隔

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

默认参数：

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

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

转自：http://a3mao.iteye.com/blog/542580