`
qinya06
  • 浏览: 600140 次
  • 性别: 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]

分享到:
评论

相关推荐

    Ext TreePanel Checked Ext复选框树

    3. **TreeNode对象**:在`Ext JS`中,每个树节点都是一个`TreeNode`对象,它包含了节点的所有属性,如文本、图标、子节点等。对于复选框树,`TreeNode`还包含了复选框的状态信息。 4. **事件监听**:`TreePanel`...

    Ext 异步加载添加 删除节点 修改combobox选择项

    1. 遍历树的节点,创建一个包含所需字段的对象数组。 2. 创建一个新的store,并使用这个数组作为数据源。 3. 将新的store赋值给ComboBox的store属性,以更新其选项。 例如: ```javascript var treeNodes = tree....

    EXT最新使用手册(中文)

    4. 获取多个DOM的节点: EXT 提供了多种选择DOM元素的方法,如`Ext.select()`用于选取一组元素,类似于jQuery的`$()`。此外,还可以利用`Ext.get()`获取单个元素。 5. 响应事件: EXT的事件系统是其强大功能的一...

    Ext2.0 中文文档

    例如,EXT提供了一种简便的方式获取多个DOM节点,可以使用Ext.select()方法一次性选取多个匹配的元素。 响应事件是EXT中的重要特性,它通过添加事件监听器实现。EXT支持标准的DOM事件,同时也定义了一些自定义事件...

    ext实现动态树

    根节点是整个树结构的起点,所有子节点都将基于此节点展开。 ```javascript var root = new Ext.tree.AsyncTreeNode({ text: "文件管理", id: "0", draggable: true, iconCls: "nodeIcon", cls: "folder", is...

    简单介绍Ext 2.0

    获取多个DOM节点 在某些场景下,可能需要同时操作多个DOM元素。`Ext.Element`提供了一种高效的方式来选择和操作多个元素,这通常涉及到使用属性或CSS class名来选择元素,而不是依赖于ID。 #### 六、Dom Selector ...

    Ext4.0使用指南

    - **Element对象**:`Ext.get`返回的是一个Element对象,可以对底层DOM节点进行操作。若需获取一组DOM节点,可使用选择器,例如: ```javascript var allParagraphs = Ext.select('p'); // 获取所有段落 ``` ...

    EXT核心API详解(第一部分)

    `Ext.get`和`Ext.fly`方法用于获取Element实例,`Ext.query`则类似于jQuery的`$`,用于选取DOM元素。Element对象还支持事件监听和动画效果。 3. **基本数据类型扩展**:EXT JS扩展了JavaScript的基本数据类型,如...

    ext 关于树目录开发使用

    本文将详细介绍 Ext.js 中关于树目录开发使用的重要知识点,包括相关的函数、关键对象及其操作方法,并简要介绍如何在 Eclipse 中安装支持 Ext.js 的插件。 #### 一、Eclipse 上安装 Ext.js 插件 为了更高效地进行...

    ext grid网格控件实例

    4. **动态从服务器获取数据**:在大型应用中,通常会采用动态加载数据的方式,这涉及到EXT Grid的分页功能。通过`Ext.grid.Panel`的`plugins`属性启用分页插件`Ext.grid.plugin.PagingToolbar`,并与`store`的`proxy...

    ext学习文档

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

    ext 树控件+数据库

    在EXT中,我们可以通过定义树节点的数据模型,将JSON对象转换为树形结构。例如,每个节点可能包含`text`(节点文本)、`children`(子节点数组)和其他自定义属性,来构建树的层级结构。 要实现EXT与JSON的数据传递...

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

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

    Ext中以get开头的方法使用

    - `selector`: 可以是DOM节点的id、一个`Element`对象或一个DOM节点对象。 **示例**: ```javascript Ext.onReady(function(){ var e = new Ext.Element("hello"); alert(Ext.get("hello")); // 使用ID获取 alert...

    Ext Js权威指南(.zip.001

    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...

    Ext2.2 中文手册

    - **获取 DOM 节点**:通过 `Ext.get` 或 `Ext.select` 方法可以轻松获取页面中的 DOM 元素。 - **响应事件**:使用 `addListener` 方法为元素绑定事件处理器,例如点击事件。 - **使用 Widgets**:Ext 提供了多种...

    ext js中文开发手册

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

    EXT手册(中文) 实例简单易懂

    除了通过ID获取单个DOM节点外,EXT还提供了获取多个DOM节点的方法。这通常通过`Ext.select`函数实现,该函数返回一个包含所有匹配元素的`Ext.util.MixedCollection`对象。 ```javascript // 选择所有class为'item'...

    磁盘目录树(EXT-js)

    1. **配置TreeStore**:TreeStore是用来存储树形数据的,你需要提供根节点的数据,通常是一个包含子节点信息的对象数组。对于中文目录的支持,确保数据源编码正确,EXT-js默认支持UTF-8编码,可以处理中文字符。 2....

Global site tag (gtag.js) - Google Analytics