Ext中提供了三个方法获取某个节点对象,在使用的时候经常混淆
Ext.get(id):返回一个HTML DOM对象。
Ext.getCmp(id):返回Ext.Component,
如果要调用ext的方法,则需要使用该方法 获取组件。
Ext.getDom(id):返回HTMLElement。
例如:
例子,我们声明一棵树,js代码如下:
var tree=new Ext.tree.TreePanel({
renderTo:"show",
id:'tt',
root:root, //定位到根节点
animate:true, //开启动画效果
enableDD:false, //不允许子节点拖动
border:false, //没有边框
rootVisible:true //设为false将隐藏根节点,很多情况下,我们选择隐藏根节点增加美观性
});
可使用三个方法获取树对象:
var aa = Ext.get('tt');
var tt = Ext.getCmp('tt');
var bb = Ext.getDom('tt');
alert(aa.id);
alert(tt);
alert(bb);
弹出结果如下:
[Object Object]
[Tree tt]
[Object HTMLDivElement]
分享到:
相关推荐
3. **TreeNode对象**:在`Ext JS`中,每个树节点都是一个`TreeNode`对象,它包含了节点的所有属性,如文本、图标、子节点等。对于复选框树,`TreeNode`还包含了复选框的状态信息。 4. **事件监听**:`TreePanel`...
1. 遍历树的节点,创建一个包含所需字段的对象数组。 2. 创建一个新的store,并使用这个数组作为数据源。 3. 将新的store赋值给ComboBox的store属性,以更新其选项。 例如: ```javascript var treeNodes = tree....
4. 获取多个DOM的节点: EXT 提供了多种选择DOM元素的方法,如`Ext.select()`用于选取一组元素,类似于jQuery的`$()`。此外,还可以利用`Ext.get()`获取单个元素。 5. 响应事件: EXT的事件系统是其强大功能的一...
例如,EXT提供了一种简便的方式获取多个DOM节点,可以使用Ext.select()方法一次性选取多个匹配的元素。 响应事件是EXT中的重要特性,它通过添加事件监听器实现。EXT支持标准的DOM事件,同时也定义了一些自定义事件...
根节点是整个树结构的起点,所有子节点都将基于此节点展开。 ```javascript var root = new Ext.tree.AsyncTreeNode({ text: "文件管理", id: "0", draggable: true, iconCls: "nodeIcon", cls: "folder", is...
获取多个DOM节点 在某些场景下,可能需要同时操作多个DOM元素。`Ext.Element`提供了一种高效的方式来选择和操作多个元素,这通常涉及到使用属性或CSS class名来选择元素,而不是依赖于ID。 #### 六、Dom Selector ...
- **Element对象**:`Ext.get`返回的是一个Element对象,可以对底层DOM节点进行操作。若需获取一组DOM节点,可使用选择器,例如: ```javascript var allParagraphs = Ext.select('p'); // 获取所有段落 ``` ...
`Ext.get`和`Ext.fly`方法用于获取Element实例,`Ext.query`则类似于jQuery的`$`,用于选取DOM元素。Element对象还支持事件监听和动画效果。 3. **基本数据类型扩展**:EXT JS扩展了JavaScript的基本数据类型,如...
本文将详细介绍 Ext.js 中关于树目录开发使用的重要知识点,包括相关的函数、关键对象及其操作方法,并简要介绍如何在 Eclipse 中安装支持 Ext.js 的插件。 #### 一、Eclipse 上安装 Ext.js 插件 为了更高效地进行...
4. **动态从服务器获取数据**:在大型应用中,通常会采用动态加载数据的方式,这涉及到EXT Grid的分页功能。通过`Ext.grid.Panel`的`plugins`属性启用分页插件`Ext.grid.plugin.PagingToolbar`,并与`store`的`proxy...
- **获取多个DOM的节点**: 展示了如何使用EXT获取和操作DOM节点。 - **响应事件**: 讲述了如何使用EXT来监听和处理用户事件。 - **使用Widgets**: 介绍了EXT提供的各种小部件,如MessageBox、Grid等。 - **使用Ajax*...
在EXT中,我们可以通过定义树节点的数据模型,将JSON对象转换为树形结构。例如,每个节点可能包含`text`(节点文本)、`children`(子节点数组)和其他自定义属性,来构建树的层级结构。 要实现EXT与JSON的数据传递...
在事件处理器中,我们可以通过`e.target`获取到当前被点击的节点,然后根据节点的属性(如ID或类型)来决定显示哪些菜单项。 以下是一个简单的示例: ```javascript var tree = Ext.create('Ext.tree.Panel', { ...
- `selector`: 可以是DOM节点的id、一个`Element`对象或一个DOM节点对象。 **示例**: ```javascript Ext.onReady(function(){ var e = new Ext.Element("hello"); alert(Ext.get("hello")); // 使用ID获取 alert...
7.5.11 树节点:ext.data.nodeinterface与ext.data.tree / 364 7.5.12 store的方法 / 366 7.5.13 store的事件 / 368 7.5.14 store管理器:ext.data.storemanager / 369 7.6 综合实例 / 369 7.6.1 远程读取json...
- **获取 DOM 节点**:通过 `Ext.get` 或 `Ext.select` 方法可以轻松获取页面中的 DOM 元素。 - **响应事件**:使用 `addListener` 方法为元素绑定事件处理器,例如点击事件。 - **使用 Widgets**:Ext 提供了多种...
通过EXT JS的Element模块,可以轻松获取文档中的多个节点。这不仅限于单一元素的选择,还支持使用CSS选择器进行复杂查询,增强了DOM操作的灵活性和表达力。 **五、响应事件** 事件处理是EXT JS中一个关键特性。...
除了通过ID获取单个DOM节点外,EXT还提供了获取多个DOM节点的方法。这通常通过`Ext.select`函数实现,该函数返回一个包含所有匹配元素的`Ext.util.MixedCollection`对象。 ```javascript // 选择所有class为'item'...
1. **配置TreeStore**:TreeStore是用来存储树形数据的,你需要提供根节点的数据,通常是一个包含子节点信息的对象数组。对于中文目录的支持,确保数据源编码正确,EXT-js默认支持UTF-8编码,可以处理中文字符。 2....