`
musicbox95351
  • 浏览: 229296 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

ext tree 指定节点图标

    博客分类：
  • ext
EXTCSSXML 
阅读更多
详细实现可参考ext官方示例的xml-tree-loader示例。

分两步：
1 在css中定义一个类样式如
    .abc{
        background-image: url(../shared/icons/fam/user.gif) !important;
    }
    //加入 !important 是为了将这个样式的优先级调高。
2  在定义树节点时，将iconCls属性值指定为上面定义的类样式abc。如：
   [{
    text: '目录',
    cls: 'folder',
    children: [{
        text: '叶节点',
        leaf: true,
        checked: false,
        iconCls:'abc'
    },{……
    ……
分享到：
| ext grid 加入checkbox列
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    EXT tree 使用 实例 最新

    EXT Tree提供了丰富的功能，包括节点的动态加载、拖放操作、节点选择以及自定义图标和样式。 在EXT Tree的使用实例中，我们通常会涉及到以下几个关键知识点： 1. **配置项与属性**：EXT Tree允许通过配置项定制其...

    ext TREE

    EXT JS Tree组件提供了丰富的功能，包括拖放操作、节点的展开与折叠、异步加载数据以及自定义图标和样式。它支持JSON和XML格式的数据源，并可以通过Ajax请求动态加载子节点，优化了大数据量时的性能。开发者还可以...

    Ext Tree示例

    在 Ext Tree 中，XML 数据通常通过 `TreeLoader` 组件加载，这个组件知道如何解析 XML 并构建树的节点。 `trs.js` 文件可能是另一个 JavaScript 示例，它可能包含了自定义的树操作或者扩展了默认的树行为。例如，它...

    EXT Tree的简单实践

    6. **代码实践**：`extTree.js` 文件很可能是实现 EXT Tree 的具体代码。在这个实践中，开发者可能定义了一个 TreePanel，并设置了相应的配置项，加载了数据，注册了事件处理器。通过阅读和分析这个文件，可以深入...

    extTree例子点击出现等

    ExtTree是Ext JS库中的一个组件，用于创建和展示树形结构的数据。它在Web应用程序中广泛使用，特别是在需要组织和导航层次结构信息时。在本案例中，“extTree例子点击出现界面”指的是用户在浏览ExtTree时，通过点击...

    EXT TREE 扩展CHECKBOX JS

    这段代码告诉EXT JS，当我们加载树形数据时，每个节点都应使用`Ext.tree.TreeCheckNodeUI`来渲染，这样每个节点都会有一个与之关联的复选框。 `TreeCheckNodeUI`类提供了以下关键特性： 1. **复选框渲染**：在每个...

    EXT tree学习 参考

    1. **动态加载**：EXT Tree支持按需加载子节点，减少初次加载时的数据量，提高用户体验。 2. **拖放功能**：用户可以方便地通过拖放操作来重新组织树形结构，这在文件管理系统中尤其有用。 3. **可配置的节点样式**...

    ext生成树节点带链接

    var tree = new Ext.tree.TreePanel({ el: 'tree', title: '控制面板', useArrows: true, autoScroll: true, animatr: true, rootVisible: true, useArrows: true, frame: true, loader: new Ext.tree....

    Ext TreePanel Checked Ext复选框树

    3. **TreeNode对象**：在`Ext JS`中，每个树节点都是一个`TreeNode`对象，它包含了节点的所有属性，如文本、图标、子节点等。对于复选框树，`TreeNode`还包含了复选框的状态信息。 4. **事件监听**：`TreePanel`...

    Ext.Tree.Panel

    `Ext.Tree.Panel`是基于`Ext.Panel`的扩展，它包含了一个内部的`TreeView`，用于渲染树节点。在HTML文件中，`<div>`元素（如`<div id="tree-panel"></div>`）被用来作为`TreePanel`的容器。 2. **初始化和配置**：...

    Ext tree 结合dwr 调用后台数据

    同时，Ext JS也提供了丰富的API和事件，可以帮助你定制Tree组件的行为，例如添加自定义图标、处理点击事件等。 总结来说，"Ext tree 结合dwr 调用后台数据"是前端与后端高效协作的一种实践方式，通过结合使用Ext JS...

    Ext Tree 3.2.1

    4. **多态性**：Ext Tree支持多种类型的节点，包括普通文本节点、复选框节点、图标节点等。每个节点可以有自己的属性和行为。 5. **数据绑定**：可以将树与数据源绑定，如JSON或XML，实现数据的动态加载和更新。...

    EXT 树形结构样例

    在EXT Tree中，JSON数据通常包含节点的信息，如文本、图标、是否可选中、是否有子节点等。一个基本的EXT Tree JSON数据结构可能如下所示： ```json { "text": "父节点", "children": [ { "text": "子节点1", ...

    gwt-ext-tree

    在实际开发中，`exttree` 文件可能是这个库的一个示例或者实现文件，包含了使用 GWT-Ext-Tree 创建树形结构的代码。通过对这个文件的学习和理解，开发者可以更好地掌握如何在项目中集成和使用 GWT-Ext-Tree 组件。 ...

    Ext_Tree属性方法

    `Ext.tree.TreeNode`是用于表示树形结构中的每个节点的对象，它扩展了`Ext.data.Node`。 - **text**：节点的文本内容。 - **qtip**：节点的提示信息。 - **icon**：节点的图标路径。 - **iconCls**：节点的图标样式...

    Ext checktree

    2. **配置选项**：与标准的TreePanel类似，checktree支持多种配置选项，例如`checkboxModel`用于设置复选框的行为模式，`checked`用于指定节点的默认选中状态，`allowUncheck`控制是否允许取消选择已选中的节点。...

    解析Xml构建Ext树形菜单

    4. **创建树形菜单**：接下来，创建一个`Ext.tree.Panel`实例，指定store和root配置。`rootVisible`参数决定是否显示根节点，`displayField`则是显示节点时使用的字段： ```javascript var tree = new Ext.tree....

    treepanel实例

    Tree Panel允许自定义节点图标，通过`iconCls`字段或`uiProvider`配置项来实现。同时，可以扩展Tree Node的行为，添加自定义的操作，如右键菜单、拖放功能等。 8. **拓展功能** Ext JS提供了许多内置的扩展，如...

    关于extjs ext.tree

    - 使用`Ext.tree.Column`可以为TreePanel添加列，展示更多节点信息。 - `Ext.menu.Menu`可以与`itemcontextmenu`事件结合，创建节点的右键菜单。 - `Ext.selection.TreeModel`提供了树形选择行为，支持单选或多选...

    asp+ext js节点树控件解决了图标问题和按钮问题

    解决图标问题可能涉及到设置节点的`iconCls`属性，它允许我们为每个节点指定CSS类来显示不同的图标。 按钮问题的解决则可能涉及到两个方面：一是节点上的操作按钮，二是树控件旁的全局操作按钮。对于节点上的按钮，...

Magicbox
Global site tag (gtag.js) - Google Analytics