水平滚动

Question

没有任何身体知道如何秀树面板上的水平滚动条...

，因为它描述here，虫子会在4.1.x的版本的修订，...
原因我不满意，我尝试用Google搜索来找到热点问题。
和我得到this，Edspencer先生建议使用ext 4.0.6 ....
但是，它仍然无法正常工作。 （tested版本4.0.7）

任何人都知道如何解决这个问题？

Answer 1

我有一些解决方法。见下面的代码。

afterrender: function() { 
    var view = this.getView(); 
    var c = view.container; 
    var e = view.el; 

    var max = 0; 
    Ext.each(e.query('.x-grid-cell-inner'), function(el) { 
     el = Ext.get(el); 
     var size = el.getPadding('lr'); 
     Ext.each(el.dom.childNodes, function(el2){ 
      if (el2.nodeType == 3) { 
       size += 6 + el.getTextWidth(el2.nodeValue); 
      } else { 
       size += Ext.get(el2).getWidth(); 
      } 
     }); 
     max = Math.max(max, size); 
    }); 
    max += c.getPadding('lr'); 

    if (c.getWidth() < max) { 
     c.dom.style.overflowX = 'scroll'; 
     e.setWidth(max); 
     e.down('table').setWidth(max); 
    } 
} 

您只需要将此监听器添加到您的TreePanel。基本上它找到更宽的元素的宽度和扩展表的宽度，在容器上切换溢出。

工作样本：http://jsfiddle.net/Uf7yy/2/