/**
 * 重写Ext.tree.Panel afterlayout方法，解决横向不出滚动条，纵向滚动条失效的问题
 * 1.显示grid的css滚动条，横向滚动条没有办法使标题一块儿滚动，所以隐藏掉
 * 2.将grid的css纵向滚动条定位到最右侧
 * 3.获取到ext自动添加的自己写的滚动条，将它remove掉
 */
Ext.tree.Panel.override({
    listeners:{
        afterlayout : function(treePanel, eOpts){
            var emBody = document.getElementById(treePanel.body.id);
            var emView = document.getElementById(treePanel.getView().id);
            var emTable = document.getElementById(treePanel.getView().id).childNodes[0];
            if(emTable != undefined){
                var emTableW = emTable.style.width;
                var newEmTableW = parseInt(emTable.style.width.substr(0,emTableW.length-2))-20;
                emTable.style.width = newEmTableW+"px";
                emTable.style.tableLayout = ‘auto‘;
                emTable.style.borderCollapse = ‘separate‘;
            }
            emView.style.overflow = ‘visible‘;
            emView.style.overflowX = ‘auto‘;
            emView.style.overflowY = ‘auto‘;
            emView.style.position = ‘relative‘;
            var emDivArr = document.getElementsByTagName("div");
               for(var i = 0; i < emDivArr.length; i++){
                   var emDiv = emDivArr[i];
                   if(emDiv.id.indexOf("gridscroller") == 0 && emDiv.className.indexOf("x-scroller-vertical") > 0){
                       if(emDiv.parentNode != null){
                           emDiv.parentNode.removeChild(emDiv);
                       }
                       emView.style.width = treePanel.getWidth()+"px";
                       emBody.style.width = treePanel.getWidth()+"px";
                   }
               }
         }
    }
});