首页 > 代码库 > jqGrid 自定义按钮

jqGrid 自定义按钮

jQuery("#grid_id").navGrid("#pager",...).navButtonAdd("#pager",{parameters});

jQuery("#grid_id").jqGrid(‘navGrid‘,"#pager",...).jqGrid(‘navButtonAdd‘,"#pager",{parameters});

{ 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"  

· });

按钮间的分隔

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

默认参数:

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

 

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