`

Ext.query与Ext.select的使用注意事项

    博客分类:
  • Ext
阅读更多
Ext.query和Ext.select的作用是一致的,都是Ext选择器,可以查找出一个或多个元素。区别在于返回类型上。分别是:query方法返回的是JavaScript标准的数组类型;select方法返回的是CompositeElement类型,试比较:

alter(Ext.isArray(this.query('a.BigClass')));  //true
alter(this.query('a.BigClass').length);

this.select('a.BigClass').each(function(i){
i.dom.href = 'javescript:void(0);'// 找到所有带有BigClass样式的A元素修改其链接
});


CompositeElement类型属于Ext自定义的类型,简单地说是以一个Ext.Element实例代表集合中多个元素,可实现 Element对象上所有的接口,也就是说CompositeElement在Ext中用于表示元素的集合中不论有多少个元素,均被视为一个单独元素处理,API中提供了each方法遍历其中的元素。它的用法和单个的Element对象没有不同。select方法返回的结果可直接如同Element般地操作,一般比query方法常用。


转自:http://book.51cto.com/art/200902/109279.htm
分享到:
评论

相关推荐

    Ext Js权威指南(.zip.001

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

    Ext中文版手册最新版

    `Ext.Element`提供的方法广泛,涵盖CSS和样式的设置(如`setStyle`, `addClass`)、DOM查询(如`query`, `select`, `findParent`)、DOM元素的创建和删除(如`createChild`, `remove`)、以及获取元素的位置和尺寸...

    Ext深入浅出 数据传输

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

    精通JS脚本之ExtJS框架.part1.rar

    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的表单组件 ...

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

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

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

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

    EXT JS 3.0 Core Class Diagram

    - `Ext.query()`: 类似于jQuery的选择器,用于选取DOM元素。 - `Ext.removeNode()`: 删除DOM节点。 - `Ext.toArray()`: 将对象转换为数组。 - `Ext.urlDecode()`, `Ext.urlEncode()`: URL编码和解码。 2. `Ext....

    Ext combo 下拉框级联

    当用户选择一个父级选项时,触发事件处理器,此时可以更新子级Combobox的store,重新加载与所选父级选项相关的数据。 3. **级联数据加载** - 为了实现级联效果,需要编写一个服务端接口,该接口接收父级选项的值...

    ext入门必学.docx

    EXT为此提供了`Ext.select`方法,可以按照CSS选择器获取一组元素,或者使用`Ext.query`(等同于jQuery的`$`函数)进行DOM查询。 6. 学习路径 如果你时间有限,建议优先深入学习Ext.Element,因为它是EXT库的基础,...

    Ext_Core手册.pdf

    - **DOM 查询**:例如 `query` 方法用于查询 DOM 元素,`select` 方法用于选择 DOM 元素,`findParent` 方法用于查找父元素。 - **DOM 操控**:例如 `createChild` 方法用于创建子元素,`remove` 方法用于移除 DOM ...

    精通JS脚本之ExtJS框架.part2.rar

    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的表单组件 ...

    EXTJS总结.txt

    Ext.fly('elId').appendChild(Ext.select('div')); 31.appendTo 把这个元素添加到送入的元素里面。 var el = Ext.get('elId1'); // 'elId'添加到'elId2'里面 Ext.fly('elId').appendTo('elId2'); Ext.fly('...

    Ext 连接数据库的相关操作

    在这个例子中,我们将探讨如何使用EXT连接SQL Server数据库,实现Editgridpanel的数据展示、分页、查询和删除功能。 首先,EXT中的Editgridpanel是一个可编辑的表格组件,用于显示和编辑数据。它集成了数据绑定和行...

    Extjs常用函数和事件.pdf

    4. `Ext.query(String path, [Node root])`:与`Ext.select`类似,但返回的是原生的DOM节点数组,而不是Ext.Element对象。 5. `Ext.getCmp(string id)`:通过组件ID获取组件实例,主要用于访问已经存在的Ext....

    ext_core_manual_zhcn.pdf

    - DOM 查询与遍历(`query`, `select`, `findParent` 等) - DOM 控制(`createChild`, `remove` 等) - 元素的位置与尺寸(`getHeight`, `getWidth` 等) #### 八、调试工具使用 - **Firebug**:可以使用 ...

    Extjs-常用函数和事件

    4. **Ext.query**: 类似于jQuery的`$()`,用于根据CSS选择器选取元素,但返回的是一个NodeList或数组。 5. **Ext.getCmp**: 获取具有特定ID的Ext组件。这个方法是基于组件的ID,而不是DOM元素的ID。 6. **Ext.get...

    Ext Core手册

    - **注意事项**:`console.dir` 命令可以展示对象的所有属性,包括私有方法。这有助于理解 `Ext.Element` 的内部结构和功能实现。 #### 六、其他知识点 - **许可证**:Ext Core 采用 MIT 许可证发布,这意味着它...

    Ext Core手册word版

    2. DOM查询和遍历:`query`、`select`和`findParent`等方法用于查找和遍历DOM结构。 3. DOM操作:如`createChild`用于创建子元素,`remove`用于移除元素。 4. 元素位置和尺寸:`getHeight`和`getWidth`等方法用于...

Global site tag (gtag.js) - Google Analytics