Extjs4学习笔记-为树节点添加自定义字段

最新推荐文章于 2021-06-10 10:56:09 发布

最新推荐文章于 2021-06-10 10:56:09 发布 · 367 阅读

文章标签：

#extjs

ExtJS 专栏收录该内容

32 篇文章

订阅专栏

本文介绍如何在ExtJS 4.2版本中为树节点添加自定义字段，包括两种实现方法：一是在定义树的对象中使用fields配置项；二是通过树的Model来定义。

在ExtJS 4.2版本中，树节点的默认字段有24个，具体查看Ext.data.NodeInterface中的定义。

如果要在树节点中使用自定义的字段，有两种方式实现：

1.在定义树的对象中使用fields配置项定义。

2.在树的Model中定义

fields: [
	{name: 'id', type: 'string'},
	'text',    //text属性必须定义
	'action',
	'icon',
	'leaf'
]

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

愤怒的根号三

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

ExtJS 自定义树组件节点的操作搜索右键菜单

03-30

功能: 1.实现ExtJS tree 节点右键菜单实现增删查. 2.实现针对实体数据的动态搜索. 3.代码命名规范，简单易懂. 4.支持IE 9,FF 19.0.2. 5.将文件解压至ext包example任意组件文件夹即可浏览效果.

ExtJS4学习笔记十一树控件的使用

03-26

在本篇《ExtJS4学习笔记十一：树控件的使用》中，我们将深入探讨ExtJS框架中的树形控件（TreePanel），这是一种强大的UI组件，用于展示层次结构的数据。ExtJS4对树控件的功能进行了增强，使其更加灵活且易于使用。...

参与评论您还未登录，请先登录后发表或查看评论

在设备树中添加自定义的节点-19

yangbinbingA的博客

06-10

946

在设备树中添加自定义的节点在rk3399中，设备树的节点在 Z:\itop-3399_8.1\kernel\arch\arm64\boot\dts\rockchip\rk3399.dtsi 编辑rk3399.dtsi test1: test { #address-cells = <1>; #size-cells = <1>; compatible = "test"; reg = <0x20ac000 0x0000004>; status = "o

ExtJS专题-TreePanel(1)

ama7449的博客

09-09

233

这次我们来学习下ExtJS中的树面板（TreePanel），很多人都说，只是为了树，都要好好学习ExtJS！可见大家对Tree的一往情深。从另一方面来说，Tree这种结构在实际项目中也的确用得相当广泛，所以我们很有必要研究一下它。这次我们完成的树大致上有这样的功能：它的节点是动态异步从后台（存储在数据库中一张电子产品分类表）加载的，节点之间可以拖曳，节点可以编辑，同时还支持右键菜单，而且...

ext TreePanel树节点操作

大爱无疆的博客

09-02

2290

1、全部展开 tree.expandAll(); 2、全部收缩 tree.collapseAll(); 3、得到父节点 node.parentNode 4、判断是否有父节点 node.parentNode==null 5、判断是否有子节点 node.hasChildNodes() 6、获取下一级所有子节点 node.eachChild(function(child) { }) 7、获取

JavaScript 操作 DOM 节点树（添加、插入、删除、替换、复制节点）

ONESTARの博客

08-20

5369

目录 1、添加节点 2、插入节点 3、删除节点 4、替换节点 5、复制节点 1、添加节点 appendChild()：添加子节点到末尾（类似于粘贴复制的效果）步骤：获取到ul 获取到div2 把ul添加到div2 2、插入节点 insertBefore(newNode，oldNode)：在某个节点之前插入一个新的节点步骤：获取到li3标签创建li 创建文...

老师整理的extjs学习笔记

07-21

### ExtJS 学习笔记概览 #### 一、ExtJS 入门 **1.1 ExtJS 构成及如何引用** ExtJS 是一款基于 JavaScript 的开源框架，专为 Web 应用程序的前端界面设计。其核心优势在于提供了一套丰富的 UI 组件和强大的数据...

ExtJS实例与学习资料合集：掌握前端开发核心技术

资料包中包含了学习笔记、实例代码以及收集的学习资料，覆盖了 ExtJS 中常用的多个组件和功能模块，包括分页（Pagination）、表格（Grid）、树形结构（Tree）、TreePanel、GridPanel、EditorGridPanel、Ext.Window ...

java 学习笔记

09-13

在插件配置中，可以在“Window → Preferences → Spket → JavaScript Profiles”下新建一个名为“ExtJS”的配置，并添加对应的库文件，如“ext.jsb”。在使用ExtJS时，有时可能会遇到一些特定问题。例如，在...

深入学习ExtJs 2.1：结构、数据处理与组件应用

学习结构树首先要了解组件间的父子关系、如何添加节点以及事件处理。 2. **对ExtJs的态度** - 正确的学习态度是掌握ExtJs的关键。开发者需要保持耐心和细致，因为ExtJs框架庞大且复杂，有丰富的组件和API。实践是...

Extjs 动态菜单、树节点的增删查改

02-28

提供Extjs树的动态菜单生成，已及对树的增删查改该操作

ExtJS4 Ext.tree.Panel获取Node对象

923723914

09-22

299

Ext4改了好多，树控件都改得自己不认识了，切入正题：在Ext3中只要注册了'click','contextmenu'，就会将Node对象传进来，代码示例： contextmenu : function(Ext.tree.TreeNode,Ext.EventObject e) 这样到话就可以直接得到node对象，但在Ext4中变化好大了，传进来的没有Node对象，代码示例： i...

Extjs4.0.7 treepanel中定义自定义字段。

全欣的专栏

11-08

5271

自定义treePanel 字段，在保留原有的基础上加入自己的字段，便于根据菜单选项，对应响应的处理，网上只说原理没有实例，经过吐血研究终于搞定。注意下版本，版本不同也会有少许不同的（本文版本extjs4.0.7）原理：要自定义tree model 结构，在树数据中带有自定义的字段值时需要在model中指定定义部分： Ext.regModel('menuInfo

为TreeNode添加自定义属性

xushichang的专栏

05-20

1万+

为TreeNode添加自定义属性，需要重写TreeNode，例如，添加一个NodeType属性，类型为Int类型：public class myTreeNode : TreeNode { private int nodeType; public int NodeType { get { ret

ExtJs之结构树 Ext.tree.panel详细用法