ExtJS 4中的Ext.tree.Panel自动高度

n1bvdmb6  于 2024-01-07  发布在  其他
关注(0)|答案(2)|浏览(177)

如何创建扩展树面板,当节点展开/折叠时,它会自动调整大小以适应其内容?

jgovgodb

jgovgodb1#

这是一个有点肮脏的变通办法,但作为一个快速的解决方案,对我来说很好。

  1. var tree = Ext.create('Ext.tree.Panel', {
  2. //...
  3. //configuration goes here
  4. //...
  5. animate: false,
  6. //...
  7. listeners:{
  8. load: function(){
  9. resetHeight(this);
  10. },
  11. itemexpand: function(){
  12. resetHeight(this);
  13. },
  14. itemcollapse: function(){
  15. resetHeight(this);
  16. }
  17. }
  18. }
  19. function resetHeight(cmp){
  20. setTimeout(function(){
  21. var innerElement = cmp.getEl().down('table.x-grid-table');
  22. if(innerElement){
  23. var height = innerElement.getHeight();
  24. cmp.setHeight(height);
  25. }
  26. }, 200);
  27. }

字符串

展开查看全部
swvgeqrz

swvgeqrz2#

整个问题是在错误的渲染后显示(如果你使用树面板在容器中)。只是更新面板。帮助我:

  1. var tree = Ext.create('Ext.tree.Panel', {
  2. //...
  3. //configuration goes here
  4. //...
  5. animate: false,
  6. //...
  7. listeners:{
  8. show: (self) => self.update(),
  9. }
  10. }

字符串

相关问题