Ext JS 混合元素(Composite Elements )

来源：互联网发布：三国立志传2经验算法编辑：程序博客网时间：2024/05/17 04:35

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

复合元素类(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的所有内容。

阅读全文

0 0