easyui pagination buttons元素上添加title显示

本文介绍如何在EasyUI 1.4.5版本中自定义按钮的title属性和添加按钮旁边的文本。通过修改源码实现按钮提示信息的展示,并在buttons配置项中添加text属性来显示按钮文字。

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

easyui版本:1.4.5

在jquery-easyui-1.4.5/jquery.easyui.min.js的第1151行:

var a=$("<ahref=\"javascript:void(0)\"></a>").appendTo(tr);

将其修改为:

var a=$("<a href=\"javascript:void(0)\"title=\"" + (btn.title||"") + "\"></a>").appendTo(tr);

 

在使用pager.pagination()的时候(假定前面的pager=$('#idDatagrid').datagrid().datagrid('getPager')),在buttons的元素对象中添加title成员,为其赋值即可实现:

pager.pagination({

    buttons: [{

    iconCls: 'icon-save',

    title: '测试title',

    text: '测试text',

    handler: function() {

 

    }

    }]

});

此外,通过查看代码,可以看到,buttons最终会使用linkbutton被创建,因此,可以在buttons元素对象上添加text成员,为其赋值,实现按钮边上的文字显示。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值