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]
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/weoln/archive/2008/10/17/3089705.aspx
分享到:
相关推荐
在事件处理器中,我们可以通过`e.target`获取到当前被点击的节点,然后根据节点的属性(如ID或类型)来决定显示哪些菜单项。 以下是一个简单的示例: ```javascript var tree = Ext.create('Ext.tree.Panel', { ...
手册通常包括EXT的基本概念、安装和下载步骤、组件的使用方法、事件处理、Ajax通信、源码分析等多个章节。其中,"EXT简介"部分会介绍EXT的基本理念和架构;"下载EXT"则会指导开发者如何获取EXT库并将其引入项目;...
通过EXT JS的Element模块,可以轻松获取文档中的多个节点。这不仅限于单一元素的选择,还支持使用CSS选择器进行复杂查询,增强了DOM操作的灵活性和表达力。 **五、响应事件** 事件处理是EXT JS中一个关键特性。...
从基本概念到高级用法,如下载EXT库、开始编写EXT应用、理解Element(EXT的核心)、操作DOM节点、处理事件、使用Widgets(如窗口、面板、按钮等)、实现Ajax通信、深入EXT的源码分析以及如何发布EXT应用等。...
- **获取多个DOM的节点**: 展示了如何使用EXT获取和操作DOM节点。 - **响应事件**: 讲述了如何使用EXT来监听和处理用户事件。 - **使用Widgets**: 介绍了EXT提供的各种小部件,如MessageBox、Grid等。 - **使用Ajax*...
通过阅读和分析这个文件,可以深入理解 EXT Tree 的工作原理和使用方法。 7. **博客链接**:提供的博客链接 "https://zhengkaifl.iteye.com/blog/841338" 可能包含了作者关于 EXT Tree 的详细讲解和示例代码,建议...
文档中介绍了如何在EXT中使用继承,包括定义基类、派生类,以及如何重写父类的方法和属性。 #### 11. 模板(Templates)起步 模板是用于生成动态HTML的有效工具,它允许开发者在HTML标记中嵌入变量和逻辑表达式。在...
- **获取方法**:介绍了如何使用EXT提供的API来获取页面上的多个DOM节点。 - **应用场景**:适用于需要批量操作DOM元素的情况,如设置样式、绑定事件等。 #### 6. 响应事件 - **事件绑定**:详细讲解了如何使用EXT...
- 获取多个DOM的节点:EXT提供了便利的方法来选取一组DOM元素,比如`Ext.select`,可以用来选择符合特定CSS选择器的元素集合。 - 响应事件:EXT通过事件监听机制实现了组件间的交互,你可以为任何EXT组件添加事件...
总结起来,本篇内容涵盖了ExtJS中的核心数据组件,包括Ext.data.Connection的使用、Ext.data.Record的创建与操作、Ext.data.Store的配置以及数据交互的Proxy和Reader机制。这些知识是构建基于ExtJS的异步数据驱动...
在Ext Tree Panel中,我们可以通过设置`loader`属性来启用延迟加载,指定一个`TreeLoader`对象,该对象负责从服务器获取更多数据。 **3. JSON数据交互** JSON是树Panel与服务器进行数据交互的常用格式。在本例中,...
在EXT Grid的使用中,数据通常是从服务器端获取并以特定格式(如XML)传输到客户端。XML是一种结构化数据交换格式,适用于在网络中传输大量结构化的信息。在视频教程中,你可能会学习到如何设置和解析XML数据,将其...
- **作用域(Scope)**: 讨论JavaScript中的作用域问题及其在EXT中的应用。 #### 9. EXT程序规划入门 - **准备工作**: 需要了解的基础知识和工具。 - **实现步骤**: - 创建基本的HTML和JavaScript文件。 - 实现...
博文链接中提到的是ITEYE博客的一篇文章,可能详细讲解了EXT Tree的使用方法和示例代码,建议查阅该文章以获取更具体的操作步骤和实践案例。 EXT Tree的源码分析可以帮助开发者深入理解其内部工作原理,例如节点的...
3. **数据模型(NodeInterface)**:EXT树中的每个节点都实现了`NodeInterface`,这个接口定义了节点的基本操作,如添加、删除、展开和折叠。节点数据通常包含ID、文本、子节点列表等信息。 4. **事件监听器**:...