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

看了一下源码,这种情况是因为ext在生成TreePanel时指定了它的高度为固定的值比如100px。
怎么解决这个问题?需要引入Ext的windowresize事件

Ext.EventManager.onWindowResize(function(w,h)...{
myTreePanel.syncSize();
},this,true);就是调用syncSize()方法,就重绘Panel区域的大小了啊。
看了一下Ext的事件机制,发觉真是好,可以很方便的加入自己想要的事件
本文介绍了解决Ext TreePanel在不同窗口尺寸下无法自适应显示的问题。通过监听窗口尺寸变化事件并调用syncSize()方法,使得TreePanel能够根据窗口大小自动调整其显示区域。
3209

被折叠的 条评论
为什么被折叠?



