我有一个非常简单的问题,但似乎找不到简单的答案。实际上,我还没有找到任何使Ext JS网格的分页工具栏变小的答案。
我做了一个非常简单的小提琴来研究它是如何工作的,并且看起来ExtJS有时会动态计算分页工具栏中元素的位置。具体来说,设置了“左” css属性。
因此,我想知道如何调整计算这些值的函数,以便减少这些值。我可以使用jQuery / Javascript来做到这一点,但这听起来太不对劲了,所以我更喜欢一种干净的ExtJS方式来做到这一点。
因此,而不是像这样的事情...
我想看这个:
例如,在我的示例中,“上一页”按钮具有声明的内联css样式(很可能是由分页工具栏小部件完成),其左边为41px,而分隔符图标为相同的“左边”样式为81px。一直进行到覆盖工具栏的整个宽度为止。
综上所述,我要截取计算并减少元素的值以减小工具栏的整个宽度。
欢迎大家提出意见。
以为我会发布我自己问题的答案。有一个配置可在工具栏变得太小时时启用水平滚动:
Ext.create('Ext.PagingToolbar', {
overflowHandler: 'scroller'
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句