1 Ext.get()
get方法用来得到一个Ext元素,也就是类型为Ext.Element的对象, Ext.Element类是Ext对DOM的封装,代表DOM的元素,可以为每一个DOM创建一个对应的Element对象,可以通过Element对象 上的方法来实现对DOM指定的操作,比如用hide方法可以隐藏元素、initDD方法可以让指定的DOM具有拖放特性等。get方法其实是 Ext.Element.get的简写形式。
Ext.onReady(function(){
// alert(Ext.get("hello"));//[object object]返回的是Ext定义的一个element对象是对dom元素的封装,而不是一个dom对象
// alert(Ext.get("hello").innerHTML);//undefine,假设它是dom对象,那么是可以返回这个文本的
// alert(Ext.get("hello").dom);//[object HTMLDivElement]
// alert(Ext.get("hello").dom.innerHTML);//hello,world 方法1 参数是elementid
// alert(Ext.get(document.getElementById("hello")).dom.innerHTML);方法2 参数是domnode
/*var hello=new Ext.Element("hello");
alert(Ext.get(hello).dom.innerHTML);
*方法3 参数是element 三种方法的参数分别是elementid domnode 已经存在的element
*/
Ext.get("hello").highlight();
Ext.get("hello").setX(300);
Ext.get("hello").setY(300);
})
三种方法可以从IDE中查看到
2 Ext.select ()
select方法可以用来获得指定标签的DOM对象,其返回值是一个Ext.CompositeElement对象。是一个Element的数组
3 . Ext.query ()
query方法和select方法非常类似,不同的是,它返回的是一个封装了DOM的数组,它是Ext.DomQuery.select()的简写方式。
注:在Ext 中Element的概念大于DOM的概念,DOM 是Element的一个子集,他们之间可以互相转换
Element-->DOM 方法:EL.DOM
DOM-->Element
方法:
<div id="hello">hello,world</div>
Element var hello=new Ext.Element("hello");
注意比较上述三个方法返回值的不同,非常重要!
分享到:
相关推荐
`Ext.Element`提供的方法广泛,涵盖CSS和样式的设置(如`setStyle`, `addClass`)、DOM查询(如`query`, `select`, `findParent`)、DOM元素的创建和删除(如`createChild`, `remove`)、以及获取元素的位置和尺寸...
6.1.2 使用ext.query选择页面元素 / 215 6.1.3 基本选择符 / 223 6.1.4 属性选择符 / 229 6.1.5 css属性值选择符 / 234 6.1.6 伪类选择符 / 235 6.1.7 扩展选择器 / 248 6.1.8 ext.domquery的使用方法 / 249 ...
11.1.3 query函数和select函数.....260 11.1.4 encode函数和decode函数...263 11.1.5 extend函数.............................265 11.1.6 apply和applyIf函数..........266 11.1.7 namespace函数.....................
### Ext_Core手册知识点详解 #### 一、ExtCore概述 **ExtCore** 是一款轻量级的 JavaScript 库,它采用 MIT 许可证发布,...此外,通过详细的文档和示例,初学者可以快速上手并利用 ExtCore 构建高质量的应用程序。
6.2.4 Ext.query() 6.2.5 Ext.getCmp() 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...
1.Ext.get var el = Ext.get('myElementId');//获取元素,等同于document.getElementById('myElementId');//会缓存 2. Ext.fly var el = Ext.fly('myElementId')//不需要缓存。 注:享元模式(Flyweight Design ...
`Ext.get`和`Ext.fly`方法用于获取Element实例,`Ext.query`则类似于jQuery的`$`,用于选取DOM元素。Element对象还支持事件监听和动画效果。 3. **基本数据类型扩展**:EXT JS扩展了JavaScript的基本数据类型,如...
- `Ext.query()`: 类似于jQuery的选择器,用于选取DOM元素。 - `Ext.removeNode()`: 删除DOM节点。 - `Ext.toArray()`: 将对象转换为数组。 - `Ext.urlDecode()`, `Ext.urlEncode()`: URL编码和解码。 2. `Ext....
return jdbcTemplate.query(sql, new Object[]{parentId}, new ChildModelRowMapper()); } } ``` 4. **前端处理** - 在前端,当接收到服务端返回的子级数据后,更新子级Combobox的store,然后调用`load`方法...
EXT为此提供了`Ext.select`方法,可以按照CSS选择器获取一组元素,或者使用`Ext.query`(等同于jQuery的`$`函数)进行DOM查询。 6. 学习路径 如果你时间有限,建议优先深入学习Ext.Element,因为它是EXT库的基础,...
#### 三、引入 ExtCore - **引入方法**: - 使用 `<script>` 标签引入 JavaScript 文件。 ```html <script src="ext-core-debug.js"> ``` - 发布版本只需去掉 `-debug`: ```html <script src="ext-core.js">...
4. `Ext.query(String path, [Node root])`:与`Ext.select`类似,但返回的是原生的DOM节点数组,而不是Ext.Element对象。 5. `Ext.getCmp(string id)`:通过组件ID获取组件实例,主要用于访问已经存在的Ext....
#### 三、关于 Ext Core 手册 - **手册作者**:Tommy Maintz、Aaron Conran、James Donaghue、Jamie Avins 和 Evan Trimboli。 - **翻译者**:主要由 Ext 中文站(ajaxjs.com)的 frank 负责翻译,同时得到了南宫小...
例如,`get-data.php`可能包含根据分页参数和查询条件执行SELECT语句的代码,而`delete-data.php`则根据接收到的ID数组执行DELETE语句。 这个例子展示了EXT如何与SQL Server数据库进行交互,实现Editgridpanel的...
`Ext.Element`类的方法包括但不限于:`setStyle`用于设置CSS样式,`addClass`用于添加CSS类,`query`和`select`用于执行DOM查询,`createChild`用于创建子元素,`remove`用于移除元素,以及`getHeight`和`getWidth`...
4. **Ext.query**: 类似于jQuery的`$()`,用于根据CSS选择器选取元素,但返回的是一个NodeList或数组。 5. **Ext.getCmp**: 获取具有特定ID的Ext组件。这个方法是基于组件的ID,而不是DOM元素的ID。 6. **Ext.get...
2. DOM查询和遍历:`query`、`select`和`findParent`等方法用于查找和遍历DOM结构。 3. DOM操作:如`createChild`用于创建子元素,`remove`用于移除元素。 4. 元素位置和尺寸:`getHeight`和`getWidth`等方法用于...