Ext JS 混合元素(Composite Elements )-优快云博客

前言：
复合元素本质上是一个集合，里面包含了许多不一样的、却有关联的元素。这个类可以方便我们一次性地操作多个元素。

复合元素类(Ext.dom.CompositeElement)里面包装了许多的Ext.dom.Element类的实例。该类使得我们可以一次性地操作Ext.dom.Element实例组，而不需要取到每个元素的引用，再去重复相同的操作。
可以使用Ext.select()方法获得复合元素。该方法将CSS选择器或者字符串作为参数，并返回Ext.dom.CompositeElement或Ext.dom.CompositeElementLite的实例：

Ext.select(selector, [unique], [root] )

下面一个例子展示了如何通过一个简单的调用来操作一组元素：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="../../ext-4.2.1/ext-4.2.1.883/ext-debug.js"></script>
        <script>
            Ext.onReady(function () {
                // get all input elements and set their bgcolor to yellow
                var inputElements = Ext.select("input"); 

                inputElements.set({ 'style': 'background-color:yellow' });
            });
    </script>
</head>
<body>  
  First Name: <input type="text" id="txtFirstName" class="myclass"/> <br /><br />
  Last Name:  <input type="text" id="txtLastName" class="myclass" /> 
</body>
</html>

在上面的例子中，Ext.select()返回了一个Ext.dom.CompositeElement的对象，对象里面包含所有input元素的。接下来，单个语句中的set()方法就可以一次性地操作所有元素的style属性了。访问sencha文档以了解Ext.dom.CompositeElement的所有内容。