我如何使ExtJS树列水平滚动只有内容,而不是标题

How can I make ExtJS treecolumn scroll horizontally only the content and not the header

本文关键字:标题 ExtJS 何使 滚动 水平      更新时间:2023-09-26

假设我有一个树形网格,只有一个列,即treeccolumn。面板的宽度为200px,当展开时,一些记录的文本宽度超过200px。目前,Ext将在这些单元格上应用省略号属性。我想做的是在底部显示水平滚动条它会在每次展开/折叠事件时更新。为了实现这一点,我使用了column autoSize()函数来增加列的大小以适应内容,并自动在底部显示滚动条。但是,增加列宽度也会增加列标题宽度,这是我不想要的。是否有一种方法可以保持标题宽度为200px,只增加列内容宽度,保持滚动条在底部?

提前感谢!

最终我找到了一种方法,但正如@Alexander在他的评论中建议的那样,我不得不输入Ext代码并对其进行修改。实际上,我所做的是删除与header对应的水平滚动伙伴,如下所示:

var headerScroll = myTree.getDockedItems()[0].getScrollable();
mytree.getView().getScrollable().removePartner(headerScroll, "x");

removePartner()是一个私有函数,所以我不应该使用它,但在这种特殊情况下,我不认为它会干扰其余的代码。