jqgrid--自定义按钮

本文介绍了如何在JqGrid中自定义按钮,包括设置按钮名称、图标、事件处理函数、位置和提示信息等参数。同时,讲解了多个按钮间使用分隔符的方法,提供了默认参数和分隔符的样式配置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

 

新的API

 

    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:分隔符的内容.

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值