Ext JS使分页工具栏变小

bul

我有一个非常简单的问题,但似乎找不到简单的答案。实际上,我还没有找到任何使Ext JS网格的分页工具栏变小的答案。

我做了一个非常简单的小提琴来研究它是如何工作的,并且看起来ExtJS有时会动态计算分页工具栏中元素的位置。具体来说,设置了“左” css属性。

因此,我想知道如何调整计算这些值的函数,以便减少这些值。我可以使用jQuery / Javascript来做到这一点,但这听起来太不对劲了,所以我更喜欢一种干净的ExtJS方式来做到这一点。

因此,而不是像这样的事情...

在此处输入图片说明

我想看这个:

在此处输入图片说明

例如,在我的示例中,“上一页”按钮具有声明的内联css样式(很可能是由分页工具栏小部件完成),其左边为41px,而分隔符图标为相同的“左边”样式为81px。一直进行到覆盖工具栏的整个宽度为止。

综上所述,我要截取计算并减少元素的值以减小工具栏的整个宽度。

欢迎大家提出意见。

bul

以为我会发布我自己问题的答案。有一个配置可在工具栏变得太小时时启用水平滚动:

Ext.create('Ext.PagingToolbar', { 
   overflowHandler: 'scroller'
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章