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

Ext中获取节点对象的方法分析

阅读更多

 
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
分享到:
评论

相关推荐

    Ext 中的Tree实现不同节点不同的右键菜单

    在事件处理器中,我们可以通过`e.target`获取到当前被点击的节点,然后根据节点的属性(如ID或类型)来决定显示哪些菜单项。 以下是一个简单的示例: ```javascript var tree = Ext.create('Ext.tree.Panel', { ...

    EXT中文手册,ext开发帮手

    手册通常包括EXT的基本概念、安装和下载步骤、组件的使用方法、事件处理、Ajax通信、源码分析等多个章节。其中,"EXT简介"部分会介绍EXT的基本理念和架构;"下载EXT"则会指导开发者如何获取EXT库并将其引入项目;...

    ext js中文开发手册

    通过EXT JS的Element模块,可以轻松获取文档中的多个节点。这不仅限于单一元素的选择,还支持使用CSS选择器进行复杂查询,增强了DOM操作的灵活性和表达力。 **五、响应事件** 事件处理是EXT JS中一个关键特性。...

    Ext中文手册

    从基本概念到高级用法,如下载EXT库、开始编写EXT应用、理解Element(EXT的核心)、操作DOM节点、处理事件、使用Widgets(如窗口、面板、按钮等)、实现Ajax通信、深入EXT的源码分析以及如何发布EXT应用等。...

    ext学习文档

    - **获取多个DOM的节点**: 展示了如何使用EXT获取和操作DOM节点。 - **响应事件**: 讲述了如何使用EXT来监听和处理用户事件。 - **使用Widgets**: 介绍了EXT提供的各种小部件,如MessageBox、Grid等。 - **使用Ajax*...

    EXT Tree的简单实践

    通过阅读和分析这个文件,可以深入理解 EXT Tree 的工作原理和使用方法。 7. **博客链接**:提供的博客链接 "https://zhengkaifl.iteye.com/blog/841338" 可能包含了作者关于 EXT Tree 的详细讲解和示例代码,建议...

    asp.net ext 中文手册

    文档中介绍了如何在EXT中使用继承,包括定义基类、派生类,以及如何重写父类的方法和属性。 #### 11. 模板(Templates)起步 模板是用于生成动态HTML的有效工具,它允许开发者在HTML标记中嵌入变量和逻辑表达式。在...

    EXT-js-中文手册

    - **获取方法**:介绍了如何使用EXT提供的API来获取页面上的多个DOM节点。 - **应用场景**:适用于需要批量操作DOM元素的情况,如设置样式、绑定事件等。 #### 6. 响应事件 - **事件绑定**:详细讲解了如何使用EXT...

    Ext 教程详解 适

    - 获取多个DOM的节点:EXT提供了便利的方法来选取一组DOM元素,比如`Ext.select`,可以用来选择符合特定CSS选择器的元素集合。 - 响应事件:EXT通过事件监听机制实现了组件间的交互,你可以为任何EXT组件添加事件...

    ext 基本知识-store-proxy-reader-ext-connection-实例

    总结起来,本篇内容涵盖了ExtJS中的核心数据组件,包括Ext.data.Connection的使用、Ext.data.Record的创建与操作、Ext.data.Store的配置以及数据交互的Proxy和Reader机制。这些知识是构建基于ExtJS的异步数据驱动...

    Ext tree json 动态加载完美实例

    在Ext Tree Panel中,我们可以通过设置`loader`属性来启用延迟加载,指定一个`TreeLoader`对象,该对象负责从服务器获取更多数据。 **3. JSON数据交互** JSON是树Panel与服务器进行数据交互的常用格式。在本例中,...

    EXT 组件和控件的 视频教程

    在EXT Grid的使用中,数据通常是从服务器端获取并以特定格式(如XML)传输到客户端。XML是一种结构化数据交换格式,适用于在网络中传输大量结构化的信息。在视频教程中,你可能会学习到如何设置和解析XML数据,将其...

    EXT最新使用手册

    - **作用域(Scope)**: 讨论JavaScript中的作用域问题及其在EXT中的应用。 #### 9. EXT程序规划入门 - **准备工作**: 需要了解的基础知识和工具。 - **实现步骤**: - 创建基本的HTML和JavaScript文件。 - 实现...

    EXT tree学习 参考

    博文链接中提到的是ITEYE博客的一篇文章,可能详细讲解了EXT Tree的使用方法和示例代码,建议查阅该文章以获取更具体的操作步骤和实践案例。 EXT Tree的源码分析可以帮助开发者深入理解其内部工作原理,例如节点的...

    ext 动态加载的树源码

    3. **数据模型(NodeInterface)**:EXT树中的每个节点都实现了`NodeInterface`,这个接口定义了节点的基本操作,如添加、删除、展开和折叠。节点数据通常包含ID、文本、子节点列表等信息。 4. **事件监听器**:...

Global site tag (gtag.js) - Google Analytics