`

extjs treepanel动态改变树节点的图标

 
阅读更多

 

expandnode : function(node){
	if(node.childNodes.length>0){//展开节点时,更改父节点图标样式
		node.getUI().getIconEl().src="folder-open.gif";
	}
        //更改当前节点下的所有子节点的图标
	for (var i = 0, len = node.childNodes.length; i < len; i++) {
	        var curChild = node.childNodes[i];
		curChild.getUI().getIconEl().src ="folder.gif";
	}
},
collapsenode : function(node){//收起节点时,更改父节点的图标样式
       if(node.childNodes.length>0){
           node.getUI().getIconEl().src="folder.gif";
       }
}
 

 

分享到:
评论
4 楼 hj01kkk 2013-08-06  
不错:grin:
3 楼 xiangzhu100 2012-05-25  
请问你有folder.gif的图片么?发给我??
2 楼 mcqueen 2011-07-24  
spring1118 写道
此代码直接添加到Treepanel中吗???????

当然是放到listeners里内啊,即
listeners{
  expandnode : function(node){
	if(node.childNodes.length>0){//展开节点时,更改父节点图标样式
		node.getUI().getIconEl().src="folder-open.gif";
	}
        //更改当前节点下的所有子节点的图标
	for (var i = 0, len = node.childNodes.length; i < len; i++) {
	        var curChild = node.childNodes[i];
		curChild.getUI().getIconEl().src ="folder.gif";
	}
},
collapsenode : function(node){//收起节点时,更改父节点的图标样式
       if(node.childNodes.length>0){
           node.getUI().getIconEl().src="folder.gif";
       }
}
}
1 楼 spring1118 2011-07-23  
此代码直接添加到Treepanel中吗???????

相关推荐

    extjs TreePanel

    通过这些配置项和方法,开发者可以构建动态、交互性强的EXTJS TreePanel,实现数据的加载、节点的操作和用户交互。例如,可以设置`rootVisible`为`false`隐藏根节点,使用`loader`配置项定制数据加载逻辑,通过`...

    Extjs入门教程(treePanel和GridPanel)

    在教程中,你可能会学到如何创建和配置TreePanel,包括加载数据、设置节点图标、处理节点的展开和折叠事件,以及添加拖放功能。TreePanel通常用于展现文件系统、组织架构或层级关系的数据。 GridPanel则是ExtJS中的...

    extjs实现动态树

    动态树(Dynamic Tree)是指在运行时可以动态加载、添加、删除或更新节点的树形控件。在ExtJS中,这种功能主要通过`Ext.tree.TreePanel`或其现代版本`Ext.tree.View`来实现。 一、ExtJS 动态树基础 1. `Ext.tree....

    无废话ExtJs 系列教程十五[树:TreePanel]

    - **folderIcon** 和 **leafIcon**:分别设置文件夹节点和叶节点的图标。 - **expandable**:设置节点是否可展开。 - **expanded**:默认是否展开节点。 - **animate**:是否启用动画效果。 4. **加载数据** ...

    EXTJS动态树支持checkbox 全选

    总结来说,EXTJS动态树支持checkbox全选是一个结合了EXTJS TreePanel组件、数据模型、事件处理和异步加载技术的功能实现,旨在提供用户友好的多选操作。通过这个功能,开发者可以构建出更加交互性强、功能丰富的Web...

    ExtJs TreePanel应用

    2. **root**: 代表树的根节点,可以设置为一个包含特定属性的对象,如文本、图标等。 3. **displayField**: 定义显示节点的字段名,通常是节点的“text”属性。 4. **foldersOnly**: 如果设置为true,只显示具有子...

    ExtJS实现动态载入树

    【ExtJS动态加载树】是网页开发中一种常见的交互方式,它允许用户逐步加载树形结构的数据,提高页面的性能和用户体验。在ExtJS框架下,我们可以利用其强大的组件库来构建这样的功能。 首先,我们来看一下数据库背景...

    extjs 动态树及中文API

    在本篇文章中,我们将深入探讨ExtJS中的动态树以及中文API的使用。 动态树的核心在于其数据绑定机制。在ExtJS中,树形控件通常与数据源(如Store)绑定,当数据源发生变化时,树会自动更新。你可以通过Ajax请求获取...

    ExtJS 3.4关于TreePanel的一些实例

    7. 修改节点的默认图标 8. 给节点增加提示信息 9. 为节点设置超链接 10. 编辑节点名称 11. 树形的拖放 12. 判断拖放目标 13. 树之间的拖放 14. 过滤器 15. 对树进行排序 16. 对树增加复选框 代码中有详尽的注释。

    EXTJS动态树的实现举例

    在EXTJS中实现动态树,主要是通过EXTJS的TreePanel组件来完成,下面将详细介绍EXTJS动态树的实现过程及其相关知识点。 1. TreePanel组件: TreePanel是EXTJS中用来展示树形结构数据的组件。它包含节点(Node)、根...

    ExtJs树例子

    1. **TreePanel**:TreePanel是ExtJS中用于展示树形结构的组件,它可以显示可折叠/展开的节点,每个节点可以有子节点。配置TreePanel时,我们需要指定数据源、节点模型、以及各种UI样式和行为设置。 2. **数据源**...

    easyui或extjs构建动态树形结构

    总结起来,无论选择 EasyUI 还是 ExtJS,构建动态树形结构的关键在于理解数据结构、节点操作和数据加载方式。通过提供的示例代码和注释,开发者可以深入学习这两个框架的用法,并将所学应用到实际项目中,解决关于树...

    Extjs4 多选下拉树

    1. **TreePanel**: ExtJS中的TreePanel是展示树形结构数据的组件,它可以显示层级关系的数据,并支持各种交互操作,如展开/折叠节点、选择节点等。 2. **Multiple Selection**: 多选功能是通过设置`selModel`属性来...

    extjs 树 搜索

    1. **树形数据结构**:EXTJS的树形控件基于JavaScript对象数组构建,每个节点代表一个对象,包含子节点、文本、图标等属性。例如,`{text: '节点1', children: [{text: '子节点1'}, {text: '子节点2'}]}`。 2. **...

    通过CSS样式来修改ExtJS:TreePanel的小图标

    总结来说,通过理解TreePanel的DOM结构和CSS类名,我们可以轻松地利用CSS来定制ExtJS TreePanel的节点图标,实现更加个性化和功能丰富的用户界面。记住,调整样式时需谨慎,以保持整体UI的一致性和可读性。

    ExtJs在struts2.0.x下实现动态树的解决方案

    在IT领域,构建用户界面时,动态树结构是一种常见的数据展示方式,它允许用户交互地展开和折叠节点,以查看和操作层次结构的数据。本文将深入探讨如何在Struts2.0.x框架下利用ExtJs库来实现动态树的解决方案。 首先...

    extjs目录树编辑

    目录树编辑功能是指EXTJS中允许用户对树形结构进行动态操作,包括添加、删除、修改和查询节点。这个功能在许多业务场景中非常实用,例如文件管理系统、权限管理界面等。EXTJS提供了一套完整的API和事件机制,使得...

    Extjs2分页树 带查询功能

    树节点通常包含ID、文本、图标等属性,并且可以通过配置加载数据的方式(如JSON、XML或远程数据源)来动态填充。 接下来是分页功能。在传统的表格组件(GridPanel)中,分页通常是通过Store对象和PagingToolbar组件...

    ExtJS树形结构.docx

    - `title`:树形面板的标题,如"简单 Extjs 动态树"。 - `collapsible`:允许树形面板可折叠。 - `enableDD` 和 `enableDrag`:开启拖放功能,允许用户通过拖动节点来重新排列或移动它们。 - `rootVisible`:...

    extjs4 下拉菜单树 combobox+tree 支持单选多选

    - TreePanel则是EXTJS用来显示树形结构数据的组件,它允许用户展开、折叠节点,以及选择节点。 2. **下拉菜单树组合(ComboBox+Tree)** - 要实现下拉菜单树,你需要创建一个ComboBox,然后在它的下拉部分嵌入一...

Global site tag (gtag.js) - Google Analytics