一、Ext.select
select方法可以用来获得指定标签的DOM对象,其返回值是一个Ext.CompositeElement对象。是一个Element的数组
返回的结果可直接如同Element般地操作,一般比query方法常用。
实例
多选择符
你可以输入多个查询条件,然后在一个对象上面返回。
例如
// 匹配所有的带foo class的div和带bar class的span
Ext.select('div.foo, span.bar');
二、Ext.query
query方法和select方法非常类似,不同的是,它返回的是一个封装了DOM的数组,它是Ext.DomQuery.select()的简写方式。
实例
1、元素选择符
// 这个查询会返回有两个元素的数组因为查询选中对整个文档的所有span标签。
Ext.query("span");
// 这个查询会返回有一个元素的数组因为查询顾及到了foo这个id。
Ext.query("span", "foo");
// 这个查询会返回包含我们foo div一个元素的数组!
Ext.query("#foo");
/*这个查询会返回有一个元素的数组, 包含与之前例子一样的div但是我们使用了class name来获取*/
Ext.query(".foo");
参考资料: Ext.query与Ext.select 的用法 http://www.studyofnet.com/news/386.html
相关推荐
6.4.4 Ext.query与Ext.select 6.5 应用模板 6.5.1 Ext.Template 6.5.2 Ext.XTemplate 第7章 设计表单类布局 7.1 Form表单简介 7.1.1 Form表单的基本配置 7.1.2 ExtJS对Form表单的封装 7.2 ExtJS的表单组件 ...
6.4.4 Ext.query与Ext.select 6.5 应用模板 6.5.1 Ext.Template 6.5.2 Ext.XTemplate 第7章 设计表单类布局 7.1 Form表单简介 7.1.1 Form表单的基本配置 7.1.2 ExtJS对Form表单的封装 7.2 ExtJS的表单组件 ...
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 ...
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...
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.query()`: 类似于jQuery的选择器,用于选取DOM元素。 - `Ext.removeNode()`: 删除DOM节点。 - `Ext.toArray()`: 将对象转换为数组。 - `Ext.urlDecode()`, `Ext.urlEncode()`: URL编码和解码。 2. `Ext....
`Ext.get`和`Ext.fly`方法用于获取Element实例,`Ext.query`则类似于jQuery的`$`,用于选取DOM元素。Element对象还支持事件监听和动画效果。 3. **基本数据类型扩展**:EXT JS扩展了JavaScript的基本数据类型,如...
当用户选择一个父级选项时,触发事件处理器,此时可以更新子级Combobox的store,重新加载与所选父级选项相关的数据。 3. **级联数据加载** - 为了实现级联效果,需要编写一个服务端接口,该接口接收父级选项的值...
EXT为此提供了`Ext.select`方法,可以按照CSS选择器获取一组元素,或者使用`Ext.query`(等同于jQuery的`$`函数)进行DOM查询。 6. 学习路径 如果你时间有限,建议优先深入学习Ext.Element,因为它是EXT库的基础,...
Ext.fly('elId').appendChild(Ext.select('div')); 31.appendTo 把这个元素添加到送入的元素里面。 var el = Ext.get('elId1'); // 'elId'添加到'elId2'里面 Ext.fly('elId').appendTo('elId2'); Ext.fly('...
4. `Ext.query(String path, [Node root])`:与`Ext.select`类似,但返回的是原生的DOM节点数组,而不是Ext.Element对象。 5. `Ext.getCmp(string id)`:通过组件ID获取组件实例,主要用于访问已经存在的Ext....
要将Editgridpanel与数据库连接,我们需要创建一个数据源,这通常是通过EXT的Store对象实现的。Store负责从服务器获取数据,并将其与GridPanel进行绑定。 1. **设置Store**:创建一个Store实例,配置URL属性为后端...
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`等方法用于...
- **DOM 查询**:如 `query`, `select`, `findParent` 等,用于查找元素。 - **DOM 操控**:如 `createChild`, `remove` 等,用于添加或移除 DOM 节点。 - **位置和尺寸**:如 `getHeight`, `getWidth` 等,用于...