Ext TreePanel:根据窗口大小变化调整自身大小

近来做个项目,使用了Ext的TreePanel来生成树视图,当窗口很小时,TreePanel只能在很小的区域显示,此时树视图出现滚动条,但是当窗口全屏时,此时TreePanel还是在以前的那个小区域显示,如下图:

Ext TreePanel:根据窗口大小变化调整自身大小_第1张图片

 看了一下源码,这种情况是因为ext在生成TreePanel时指定了它的高度为固定的值比如100px。

怎么解决这个问题?需要引入Ext的windowresize事件

Ext.EventManager.onWindowResize( function (w,h) {
        myTreePanel.syncSize();

}
, this , true );

就是调用syncSize()方法,就重绘Panel区域的大小了啊。

看了一下Ext的事件机制,发觉真是好,可以很方便的加入自己想要的事件

你可能感兴趣的:(function,ext)