码迷,mamicode.com
首页 > 其他好文 > 详细

jqGrid添加自定义按钮

时间:2014-11-10 13:36:41      阅读:421      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   color   ar   os   使用   sp   

用法: 

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

 

如果使用新API 

1 <script>  
2  ...  
3     jQuery("#grid_id").jqGrid(navGrid,"#pager",...).jqGrid(navButtonAdd,"#pager",{parameters});  
4 ...  
5 </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


如果设置多个按钮: 

 1 jQuery("#grid_id")  
 2 .navGrid(‘#pager‘,{edit:false,add:false,del:false,search:false})  
 3 .navButtonAdd(‘#pager‘,{  
 4    caption:"Add",   
 5    buttonicon:"ui-icon-add",   
 6    onClickButton: function(){   
 7      alert("Adding Row");  
 8    },   
 9    position:"last"  
10 })  
11 .navButtonAdd(‘#pager‘,{  
12    caption:"Del",   
13    buttonicon:"ui-icon-del",   
14    onClickButton: function(){   
15       alert("Deleting Row");  
16    },   
17    position:"last"  
18 });  

 

按钮间的分隔 

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

 

默认参数: 

1 {sepclass : “ui-separator”,sepcontent: ‘‘} 

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

 

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

jqGrid添加自定义按钮

标签:style   blog   http   io   color   ar   os   使用   sp   

原文地址:http://www.cnblogs.com/linguoguo/p/4086875.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!