水平滾動

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/