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

最新推荐文章于 2020-09-09 09:38:09 发布

原创最新推荐文章于 2020-09-09 09:38:09 发布 · 379 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#EXT #JavaScript #ViewUI

本文介绍了Ext框架中的两种选择器方法：Ext.query与Ext.select的区别及使用场景。前者返回JavaScript数组，后者返回CompositeElement类型，便于统一操作多个元素。通过示例展示了如何利用这两种方法查找并操作DOM元素。

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对象上所有的接口，也就是说[b]CompositeElement在Ext中用于表示元素的集合[/b]中不论有多少个元素，均被视为一个单独元素处理，API中提供了each方法遍历其中的元素。它的用法和单个的Element对象没有不同。select方法返回的结果可直接如同Element般地操作，一般比query方法常用。

转自：[url]http://book.51cto.com/art/200902/109279.htm[/url]