`
happyqing
  • 浏览: 3198113 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ext4.2 treepanel treestore node节点里的所有属性

    博客分类:
  • Ext
阅读更多

 

可查看帮助文档中的

Ext.data.NodeInterface的属性就是了,

Ext.data.NodeInterface
allowDrag : Boolean
设置为false禁止拖动本节点 ...

allowDrop : Boolean
设置为false禁止(将其它节点)拖到本节点。 ...

checked : Boolean
设置为true或者false,在节点旁显示一个复选框。 ...

children : Ext.data.NodeInterface[]
子节点数组。

cls : String
应用于本节点的CSS类。

depth : Number
本节点的父节点的个数。根节点depth为0,它的子节点depth为1,依此类推……

expandable : Boolean
设置为true允许展开和折叠当前节点。 ...

expanded : Boolean
True如果节点是展开的。 ...

href : String
链接URL
 
hrefTarget : String
链接对象。只有指定href之后可用。

icon : String
本节点的图标的URL

iconCls : String
应用于本节点的图标的CSS类。

index : Number
节点在父节点中的位置(译者注: 原文有错。应该是,节点在兄弟节点中的位置)。 ...

isFirst : Boolean
True如果本节点是第一个节点。

isLast : Boolean
True如果本节点是最后的节点。

leaf : Boolean
设置为true表明本节点没有子节点。 ...

loaded : Boolean
True如果节点加载完成 ...

loading : Boolean
True如果节点正在加载。 ...

parentId : String
父节点ID。

qtip : String
本节点上显示的Tooltip文本。

qtitle : String
Tooltip标题。

root : Boolean
True如果本节点是根节点。

text : String
本节点标签上的文本。

 

源码中

Ext.define('Ext.data.NodeInterface', {
...
	this.applyFields(modelClass, [
	    { name : 'parentId',   type : idType,    defaultValue : null,  useNull : idField.useNull },
	    { name : 'index',      type : 'int',     defaultValue : 0,     persist : false          , convert: null },
	    { name : 'depth',      type : 'int',     defaultValue : 0,     persist : false          , convert: null },
	    { name : 'expanded',   type : 'bool',    defaultValue : false, persist : false          , convert: null },
	    { name : 'expandable', type : 'bool',    defaultValue : true,  persist : false          , convert: null },
	    { name : 'checked',    type : 'auto',    defaultValue : null,  persist : false          , convert: null },
	    { name : 'leaf',       type : 'bool',    defaultValue : false                            },
	    { name : 'cls',        type : 'string',  defaultValue : '',    persist : false          , convert: null },
	    { name : 'iconCls',    type : 'string',  defaultValue : '',    persist : false          , convert: null },
	    { name : 'icon',       type : 'string',  defaultValue : '',    persist : false          , convert: null },
	    { name : 'root',       type : 'boolean', defaultValue : false, persist : false          , convert: null },
	    { name : 'isLast',     type : 'boolean', defaultValue : false, persist : false          , convert: null },
	    { name : 'isFirst',    type : 'boolean', defaultValue : false, persist : false          , convert: null },
	    { name : 'allowDrop',  type : 'boolean', defaultValue : true,  persist : false          , convert: null },
	    { name : 'allowDrag',  type : 'boolean', defaultValue : true,  persist : false          , convert: null },
	    { name : 'loaded',     type : 'boolean', defaultValue : false, persist : false          , convert: null },
	    { name : 'loading',    type : 'boolean', defaultValue : false, persist : false          , convert: null },
	    { name : 'href',       type : 'string',  defaultValue : '',    persist : false          , convert: null },
	    { name : 'hrefTarget', type : 'string',  defaultValue : '',    persist : false          , convert: null },
	    { name : 'qtip',       type : 'string',  defaultValue : '',    persist : false          , convert: null },
	    { name : 'qtitle',     type : 'string',  defaultValue : '',    persist : false          , convert: null },
	    { name : 'qshowDelay', type : 'int',     defaultValue : 0,     persist : false          , convert: null },
	    { name : 'children',   type : 'auto',    defaultValue : null,  persist : false          , convert: null }
	]);

  

分享到:
评论

相关推荐

    在VS下利用Ext4.2的TreePanel的简单demo

    本文将深入探讨如何基于Ext4.2版本实现一个简单的TreePanel demo,结合数据库进行后台的数据操作,包括增、删、改、查功能。这对于初学者来说是一个很好的起点,能够帮助理解如何将前端UI与后端数据服务相结合。 ...

    Ext.net TreePanel的Checkbox操作及父子节点联动(修正)

    总结起来,EXT.NET TreePanel的Checkbox操作和父子节点联动是构建具有交互性树形结构的关键部分。通过正确的配置和事件处理,我们可以实现高效且用户友好的多选功能,而修正之前的Bug则确保了用户体验的一致性和正确...

    Ext TreePanel

    3. **节点(Node)**:TreePanel中的每个条目,可以有子节点,支持增删改查操作。 4. **ColumnModel**:定义了TreePanel中每一列的属性,如宽度、标题、数据绑定等。 5. **CheckboxSelectionModel**:允许用户通过复...

    ext生成树节点带链接

    在上面的例子中,我们为子节点`child`添加了一个`href`属性,指定了链接的URL,并设置了`hrefTarget`属性,使其在新窗口打开。同时,还定义了一个点击事件监听器,当用户点击该节点时,将打开指定的链接。 #### 5. ...

    ExtTreePanel新增节点

    数据模型包含节点的所有属性,如文本、图标、子节点等。 3. **创建`Ext.data.Model`** 创建节点模型通常涉及定义一个配置对象,其中包含节点的字段,如`text`(节点显示的文本)、`leaf`(是否为叶子节点)、`...

    Ext.Tree.Panel

    - `TreeLoader`可以配置`nodeParam`属性来指定服务器端用于识别节点的参数名,通常为`node_id`。 - 数据格式通常是JSON,包含`children`数组来表示子节点。每个节点对象可能包含`text`(显示文本)、`leaf`(是否...

    treepanel实例

    - `store`: 用于存储树节点数据的数据源,通常是Ext.data.TreeStore。 - `root`: 树的根节点,可以是数据对象或配置对象,用于定义初始的树结构。 - `displayField`: 显示的字段名,用于显示树节点的文本信息。 ...

    TreePanel基本使用

    TreePanel的数据由`Ext.data.TreeStore`(简称TreeStore)管理。TreeStore需要配置`fields`定义节点数据结构,并通过`root`配置项设置根节点。例如: ```javascript var myTreeStore = Ext.create('Ext.data....

    根据输入的关键字过滤ext树节点

    2. **定义数据源**(store):树节点的数据通常存储在Ext.data.TreeStore中,每个节点代表一个记录,包含id、text、children等字段。可以使用Ext.data.Model定义模型,然后通过Ext.data.TreeStore加载数据。 ```...

    EXT实现动态树的功能

    总的来说,EXT实现动态树功能涉及到EXT TreePanel的使用、数据存储的配置、节点操作的实现以及用户交互的处理。通过深入理解和实践这些知识点,你可以创建出功能强大的动态树形视图,满足复杂的数据管理和展示需求。

    ext利用js生成树

    3. **Model和NodeInterface**: TreePanel中的数据模型(Model)定义了节点的数据结构,而NodeInterface则是一组用于处理树节点的方法和属性。通过定义模型,可以设置节点的属性,如id、text、children等。 4. **...

    Ext树例子

    树的每个节点通常由`Ext.tree.Node`对象表示,包含了节点的数据、子节点以及相关的操作方法。 创建一个基本的Ext树需要以下几个步骤: 1. 定义树的数据源:这通常是JSON格式的数据,包含节点的ID、文本、子节点等...

    EXT--tree

    配置TreePanel时,我们需要定义`store`,这是一个存储所有节点信息的数据源,以及`rootNode`,这是树的顶级节点。 博文链接虽然未提供具体内容,但通常会包含关于EXT.js TreePanel的实现、使用技巧、自定义扩展或...

    Extjs,ExtTLD框架

    在这个例子中,`<ext:treepanel>`标签定义了一个树形面板,而嵌套的`<ext:node>`标签则表示树的各个节点。这种方式让JSP开发者能够像操作HTML元素一样操作ExtJS组件,提高了代码的可读性和可维护性。 **构建树形...

    如何使用ext写的树形菜单

    创建一个基本的EXT树形菜单,首先需要定义一个配置对象,包含`title`(菜单标题)、`store`(存储树形数据的Store)和`rootVisible`(是否显示根节点)等属性。例如: ```javascript var treePanel = Ext.create...

    磁盘目录树(EXT-js)

    2. **使用NodeInterface**:EXT-js的TreeNode实现了NodeInterface接口,使得每个节点都可以拥有父节点、子节点等属性,方便进行树形结构的操作和遍历。 3. **异步加载**:为了提高性能,通常会使用异步加载技术,只...

    ExtJS samples

    TreePanel是ExtJS中的一个组件,用于展示层次结构的数据,而TreeNode则是TreePanel的基本构建块,代表树形结构中的一个节点。 TreePanel是ExtJS中的一个视图组件,它可以显示和操作树形数据结构。它提供了丰富的...

    ext带右键菜单的树

    2. **定义节点模型**:每个节点都有自己的属性和行为,我们可以通过NodeInterface扩展或使用TreeStore定义节点模型。 3. **设置监听器**:为了响应右键点击事件,我们需要为TreePanel添加一个`contextmenu`事件监听...

    JavaScript的ExtJS框架中数面板TreePanel的用法实例解析_.docx

    另一种是异步加载子节点信息的树节点,即`Ext.tree.AsyncTreeNode`,这种节点在初始加载时不包含所有子节点,只有在需要时才从服务器请求数据。 创建TreePanel的基本步骤如下: 1. 首先,我们需要定义一个数据存储...

    ext tree 分页

    在EXT JS的树形组件(TreePanel)中,如果一次性加载所有节点,特别是当树结构非常深或者节点数量巨大时,不仅会消耗大量内存,还可能导致浏览器性能急剧下降,用户界面变得响应迟钝。因此,分页加载就显得尤为重要...

Global site tag (gtag.js) - Google Analytics