给树形结构定义图标 的css
.x-tree-node-collapsed .x-tree-node-icon{background-image:url(/foreigns/back/img/icon/book.png);}
.x-tree-node-expanded .x-tree-node-icon{background-image:url(/foreigns/back/img/icon/book_open.png);}
.x-tree-node-leaf .x-tree-node-icon{background-image:url(/foreigns/back/img/icon/page_white.png);}
加一个背景图片
var tree = new Ext.tree.TreePanel({
bodyStyle:'background:url(/foreigns/back/img/logo/bgb.jpg) repeat;',
baseCls:'bgimage',
border:false,
root:root,
loader:loader,
rootVisible:false
});
分享到:
相关推荐
主要介绍了如何通过CSS样式来修改ExtJS:TreePanel的小图标,下面有个不错的示例,大家可以参考下
treepanel 和 tabpanel 合在一起使用,可直接使用
7. 修改节点的默认图标 8. 给节点增加提示信息 9. 为节点设置超链接 10. 编辑节点名称 11. 树形的拖放 12. 判断拖放目标 13. 树之间的拖放 14. 过滤器 15. 对树进行排序 16. 对树增加复选框 代码中有详尽的注释。
本人自己写的Extjs入门教程,上面实现了treePanel和GridPanel的集成和交互。
完美的Extjs4 treePanel节点刷新,函数为自动刷新选中的节点.API看得头疼才别出来的代码.截止我发之前,好像没有谁共享这个功能的函数吧.
关于TreePanel的一些文档,有点杂,不过内容比较多
向各位推荐一下用Coolite来部局,用后台数据库数据绑定到TreePanel上,当点不同的节点,在TabPanel上添加一个Tab。并显示要显示的网页。
NULL 博文链接:https://wangtata.iteye.com/blog/678536
博文链接:https://jfp.iteye.com/blog/178889
用ExtJS4实现的treepanel与gridpanel的简单互动案例 包含mvc开发模式与普通开发模式两种 普通开发模式:需要在引入js文件夹中的main.js文件 mvc开发模式:需要引入app文件夹中的app.js文件 适合初学extjs4的朋友
可实现选中父节点,自动选中子节点,选中子节点,自动遍历选中父节点
TreePanel的checkbox节点操作及父子节点联动的演示DEMO
主要方法: collapseAll():收缩所有树节点 expandAll():展开所有树节点 getRootNode():获取根节点 getNodeById(String id):获取指定id的节点 expand( [Boolean deep], [Boolean anim],
直接可以用的tree,使用JSON。 界面没关 操作方便
NULL 博文链接:https://maoyi606.iteye.com/blog/1782825
基于extjs 3.2,右侧折叠面板,然后面板里面包含了树,点击树节点以后,会把树的href里面的地址加载到右边的tabpanel。代码清晰简单。
4、在工程中找到“main.js”文档,该文档中是控制应用显示GridPanel和TreePanel示例的开关 5、在IE的地址栏输入“http://localhost:8080/GridPanel”之后回车 6、如果一切正常,你会看到可以分页的表格;调整main.js...
里面已经包含了教程、示例代码、要用到的js脚本库和jar包,你随便改改就可以用在自己的项目里