`
Action-人生
  • 浏览: 104718 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

Ext中 get、getDom、getCmp的区别

ext 
阅读更多
http://www.cnblogs.com/shanmu/archive/2011/08/19/2145950.html
getDom方法能够得到文档中的DOM节点,该方法中包含一个参数,该参数可以是DOM节点的id、DOM节点对象或DOM节点对应的Ext元素(Element)等。 (与getElementById是一个效果)
•Ext.onReady(function(){ 
 
var e=new Ext.Element("hello"); 
 
Ext.getDom("hello"); 
 
Ext.getDom(e); 
 
Ext.getDom(e.dom); 
 
}); 
•//Html页面中包含一个id为hello的div,代码如下: 
 
<div id="hello">aaa</div>

在上面的代码中,Ext.getDom("hello")、Ext.getDom(e)、Ext.getDom(e.dom)等三个语句返回都是同一个DOM节点对象。

•get方法中只有一个参数,这个参数是混合参数,可以是DOM节点的id、也可以是一个Element、或者是一个DOM节点对象等。
•get方法其实是Ext.Element.get的简写形式。
•Ext.onReady(function(){ 
 
  var e=new Ext.Element("hello"); 
 
  Ext.get("hello")); 
 
  Ext.get(document.getElementById("hello")); 
 
  Ext.get(e); 
 
});
•//Html页面中包含一个id为hello的div,代码如下: 
 
<div id="hello">aaa</div>
•Ext.get("hello")、Ext.get(document.getElementById("hello"))、Ext.get(e)等三个方法都可以得到一个与DOM节点hello对应的Ext元素。

•getCmp方法用来获得一个Ext组件,也就是一个已经在页面中初始化了的Component或其子类的对象,getCmp方法中只有一个参数,也就是组件的id。
•getCmp方法其实是Ext.ComponentMgr.get方法的简写形式。
•Ext.onReady(function(){   
   var myPanel=new Ext.Panel({ 
   id:“myFirstPanel”, 
   title:“旧的标题",   
   renderTo:"hello",
   width:300,  
   height:200
}); 
 
Ext.getCmp(" myFirstPanel ").setTitle("新的标题"); 
 
});   
•//Html页面中包含一个id为hello的div,代码如下: 
 
<div id="hello">aaa</div>
•我们使用Ext.getCmp(“myFirstPanel").来得到id为myFirstPanel的组件,并调用其setTitle方法来设置该面板的标题
分享到:
评论

相关推荐

    Ext中以get开头的方法使用

    **getDom方法** 用于获取文档中的DOM节点。该方法接受一个参数,可以是DOM节点的id、DOM节点对象或DOM节点对应的`Element`对象。 **语法**: ```javascript Ext.getDom(selector) ``` **参数**: - `selector`: DOM...

    extjs 常用函数.rar

    在"extjs 常用函数.rar"这个压缩包中,我们重点关注两个特定的函数:`getCMP()` 和 `getDom()`。这两个函数在ExtJS开发中非常常用,帮助开发者获取组件或DOM元素,以便进行后续的操作和交互。 1. `getCMP()` `...

    ext 学习笔记

    例如,`Ext.getDom("txtFsoDate").value=newDate().format('Y-m-d H:m:s');`这一行代码展示了如何获取DOM元素并设置其值。`newDate().format('Y-m-d H:m:s')`用于生成当前时间的字符串格式,然后将其赋值给ID为`...

    EXT3.0 JSP上传

    当我们谈论“EXT3.0 JSP上传”时,我们实际上是在讨论如何利用EXT3.0的组件和功能,结合JSP来实现在Web应用中的文件上传功能。 EXT3.0提供了多种组件,如FormPanel、FileUploadField等,可以帮助我们构建一个用户...

    Ext获取对象

    在Ext JS中,可以通过`Ext.getCmp(id)`方法根据ID获取组件。例如,如果有一个组件的ID为`'myPanel'`,则可以使用`var myPanel = Ext.getCmp('myPanel')`来获取该面板。 2. **DOM选择器**: 类似于jQuery,Ext JS...

    Ext ajax 上传文件

    var form = Ext.getCmp('myFormPanel').getForm(); if (form.isValid()) { var formData = new FormData(form.getForm().getEl().dom); Ext.Ajax.request({ url: 'upload.php', // 文件上传的服务器端处理程序 ...

    EXT dojochina Ext类实例方法.rar

    5. **Ext.getCmp()**: 通过组件的ID获取组件实例,这是EXT JS中获取特定组件常用的方式。 6. **component.show()**: 显示一个隐藏的组件,如窗口或面板,使其可见于用户界面。 7. **component.hide()**: 隐藏当前...

    Extjs-常用函数和事件

    6. **Ext.getDom**: 返回一个DOM元素对象,接受Ext.Element、ID或DOM元素作为参数。 7. **Ext.isEmpty**: 判断一个值是否为空,如果允许空字符串,则传入`allowBlank`为true时,空字符串也被认为是空。 8. **Ext....

    EXT核心API详解.doc

    例如,`Ext.getBody()`可以获取当前文档的body对象,`Ext.getDom()`则可以由ID或DOM节点获取对应的DOM元素。 2. **addBehaviors**: 这个方法用于批量添加事件监听器。它允许你使用一种简洁的方式来为多个选择器绑定...

    Ext.js核心函数详解.docx

    10. `Ext.getDom( Mixed el )`: 根据提供的ID、DOM节点或`Ext.Element`对象,返回对应的DOM元素。 11. `Ext.getDoc()`和`Ext.getBody()`: 分别返回文档对象和Body对象,返回的是`Ext.Element`包装的对象,而不是...

    EXT核心API详解

    var domEl = Ext.getDom('some-element'); // 获取带有ID "some-element" 的DOM节点 ``` ##### 16. `id([Mixed el], [String prefix]):String` - **功能**:为对象生成一个唯一的ID。 - **参数**: - `el`:...

    Ext js2.1 最新资料汇总

    var domNode = getDom('#some-id'); ``` #### 16. `id([Mixed el], [String prefix]):String` 为对象 `el` 生成一个唯一 ID。如果对象已有 ID,则不会改变。 **示例代码:** ```javascript var uniqueId = id...

    Extjs常用函数和事件.pdf

    6. `Ext.getDom(Mixed el)`:将Ext.Element或DOM元素ID转换为原生DOM元素对象。 7. `Ext.isEmpty(Mixed value, [Boolean allowBlank])`:检查给定的值是否为空或空字符串,可选参数allowBlank决定是否允许空字符串...

    ExtJSWeb应用程序开发指南(第2版)

    6.2.6 Ext.getDom() 6.2.7 Ext.isEmpty() 6.2.8 Ext.namespace() 6.2.9 Ext.each() 6.2.1 0Ext.apply() 6.2.1 1Ext.encode() 6.2.1 2Ext.htmlDecode() 6.2.1 3Ext.typeOf() 6.3 Ext.core....

    extjs核心api详解

    文章最后提到了Ext类的一些常用方法,如addBehaviors、apply、applyIf、decode、destroy、each、encode、escapeRe、extend、fly、get、getBody、getCmp等。这些方法提供了丰富的功能,如事件绑定、对象拷贝、JSON...

    extjs帮助文档pdf版

    - `Ext.Element.get(selector)`: 获取DOM元素。 - `Ext.Element.addCls(classname)`: 添加CSS类。 - `Ext.Element.removeCls(classname)`: 移除CSS类。 - `Ext.Element.setStyle(prop, value)`: 设置样式属性。 ...

Global site tag (gtag.js) - Google Analytics