- <script>
- ...
- jQuery("#grid_id").navGrid("#pager",...).navButtonAdd("#pager",{parameters});
- ...
- </script>
<script>
...
jQuery("#grid_id").navGrid("#pager",...).navButtonAdd("#pager",{parameters});
...
</script>
如果使用新API
- <script>
- ...
- jQuery("#grid_id").jqGrid('navGrid',"#pager",...).jqGrid('navButtonAdd',"#pager",{parameters});
- ...
- </script>
<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:"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',{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>
<script>
...
jQuery("#grid_id").navGrid("#pager",...).navButtonAdd("#pager",{parameters}).navSeparatorAdd("#pager",{separator_parameters}};
...
</script>
默认参数:
- {sepclass : “ui-separator”,sepcontent: ''}
{sepclass : “ui-separator”,sepcontent: ''}
sepclass:ui-jqgrid的属性名
sepcontent:分隔符的内容