[ExtJS 6]Grid分页工具栏无效问题解决

当在Ext JS的Grid中,分页工具栏与额外按钮一起使用时,自动绑定Store可能导致分页功能失效。解决方法是在Grid渲染后,通过afterrender事件手动绑定store到pagingtoolbar,确保分页功能正常工作。
摘要由CSDN通过智能技术生成

前情描述:

Ext JS中,Grid上可以使用tbar或bbar等添加分页的工具栏。一般状况下,该分页工具栏可以和该Grid的Store自动绑定,也就是可以自动显示笔数、页数等信息。
在Grid中添加的代码如下:
tbar:{
xtype: ‘pagingtoolbar’,
displayInfo: true
}

问题描述:

如果在tbar中添加除’pagingtoolbar’的其他按钮之后,分页工具栏自动绑定Store就会失效。添加其他按钮的配置如下:
tbar: [{
xtype : ‘button’,
text : ‘Select’,
iconCls : ‘x-fa fa-plus’
},{
xtype: ‘pagingtoolbar’,
//store:‘NplmPnmPkgInfoStore’,
displayInfo: true
}]

解决方法:

思路:

1.'pagingtoolbar’提供了绑定store的方法,思路是手动绑定一次。
2. 绑定的时机设定在Grid渲染完成之后。通过afterren

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

oscar999

送以玫瑰,手留余香

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值