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