ExtJS中使用ztree 不显示树的解决办法
来源:互联网 发布:ios本地播放软件 编辑:程序博客网 时间:2024/06/11 18:41
最近部门同事碰到一个问题,将ztree嵌入在套了几层Panel的面板中不会正常显示,但是将上层面板换成window就能正常显示,开始以为是所在的外部容器不管嵌套了几层,但是必须最底层是window容器,但是测试后发现不是这样的,然后又仔细的看了下代码,原来我的js文件是动态加载的,在这种情况下会有一个刷新先后顺序的问题,虽然执行了树的加载事件,但是在panel中没有任何显示,经过测试最终的成功解决办法是:
在panel中添加afterlayout事件,具体的代码如下:
var treepanel = new Ext.Panel({
width: 300,
region: 'west',
html: "<div id=\"pnlTree\" class=\"ztree\"></div>",
listeners: {
'afterlayout': function() {
initTree();
}
}
});
function initTree() {
zTree = $.fn.zTree.init($("#pnlTree"), setting, treeNodes);
var nodes = zTree.getNodes();
if (nodes.length > 0) {
zTree.expandNode(nodes[0], true, false, false);
}
}
需要注意的是treepanel中的id不能与div中的id重名,如果重名也不会正常显示树菜单,我们可以默认把treepanel中的id省略。
0 0
- ExtJS中使用ztree 不显示树的解决办法
- 关于ExtJS中FormPanel中的timefield选中不显示的解决办法
- 使用ztree来代替Extjs的下拉树
- ExtJS 中 setValue不显示的问题
- Extjs中在panel或者一些容器中放置下拉框fieldLabel不显示解决办法
- 按照深入浅出extjs中GridPanel显示不出的问题
- 树目录zTree的使用
- 功能树Ztree的使用
- extjs按条件查询出来的结果显示grid中 列表不显示原因
- extjs 4 tree 的text不显示
- ExtJS grid 的 tbar 显示不出来
- 关于标记中不显示title属性的解决办法
- myeclipse中svn图标状态不显示问题的解决办法
- myeclipse中svn图标状态不显示问题的解决办法
- tabhost中activity跳转动画不显示的解决办法
- vs2010中工具箱不显示DevExpress控件的解决办法
- eclipse中LogCat有时不显示信息的简单解决办法
- eclipse中LogCat有时不显示信息的简单解决办法
- 研读代码必须掌握的Eclipse快捷键
- ActionBarSherlock(一)在Eclipse中如何引入ActionBarSherlock和它的例子?
- gSOAP 源码分析(一)
- 光合信息云体验中心
- 基于meanshift的单目标跟踪方法
- ExtJS中使用ztree 不显示树的解决办法
- DDMS使用
- Git版本管理:Windows下Git配置与使用指南
- 移动开发框架剖析(一) Hammer专业的手势控制
- C++对and、or等运算符的支持
- 请写一个简单的幻灯效果页面,不使用JS来完成怎么做
- UML基础: 统一建模语言简介
- 简单易懂的jquery版三级联动select
- android中颜色对照