📄 ext.compositeelementlite.html
字号:
<!--Mock<link rel="stylesheet" type="text/css" href="http://localhost/ext/resources/css/ext-all.css" /><link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/docs.css"/><link rel="stylesheet" type="text/css" href="http://localhost/ext/doc/resources/style.css"/>--><style type="text/css"> body { overflow: scroll; } /** .mdesc .long { display: block; } */</style><!-- End Mock--><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><div class="body-wrap"> <div class="top-tools"> <a class="inner-link" href="#Ext.CompositeElementLite-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.CompositeElementLite-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.CompositeElementLite-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.CompositeElementLite-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.CompositeElementLite"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a> </div><h1>Class Ext.CompositeElementLite</h1> <table cellspacing="0"> <!-- <tr> <td class="label"> Package: </td> <td class="hd-info"> </td> </tr> --> <tr> <td class="label"> Defined In: </td> <td class="hd-info"> Ext.CompositeElementLite.js </td> </tr> <tr> <td class="label"> Class: </td> <td class="hd-info"> Ext.CompositeElementLite </td> </tr> <tr> <td class="label"> Extends: </td> <td class="hd-info"> Ext.CompositeElement </td> </tr> </table> <div class="description"> 享元的组合类(Flyweight composite class)。为相同的元素操作可复用Ext.Element
<pre><code>
var els = Ext.select("#some-el div.some-class");
// 或者是从现有的元素直接选择
var el = Ext.get('some-el');
el.select('div.some-class');
els.setWidth(100); // 所有的元素变为宽度100
els.hide(true); // 所有的元素渐隐
// 或
els.setWidth(100).hide(true);
</code></pre><br><br>
<b>注意:尽管未全部罗列,该类支持全部Ext.Element的set/update方法。
集合里面的全部元素都会执行全体的Ext.Element动作。</b>
</div> <div class="hr"> </div> <a id="Ext.CompositeElementLite-configs"></a> <h2>配置项</h2> 这个类没有配置项。 <a id="Ext.CompositeElementLite-props"></a> <h2>公告属性</h2> 这个类没有公告属性。 <a id="Ext.CompositeElementLite-methods"></a> <h2>公共方法</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2"> 方法 </th> <th class="msource-header"> 定义者 </th> </tr> <tr class="method-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <!--ClassName--><a id="item-item"></a> <b>item</b> ( <code> Number index </code> ) : Ext.Element <div class="mdesc"> <div class="short">
根据指定的索引返回元素对象
</div> <div class="long">
根据指定的索引返回元素对象
<div class="mdetail-params"> <strong>参数项:</strong> <ul> <li> <code> index </code> : Number <div class="sub-desc"> * </div> </li> </ul> <b>返回:</b> <ul> <li> <code> Ext.Element </code> */ </li> </ul> </div> </div> </div> </td> <td class="msource"> <!--如果这不是同个namespace下--><a ext:cls="Ext.CompositeElement" ext:member="#method-item" href="output/Ext.CompositeElement.html#method-item"> CompositeElement </a> </td> </tr> <tr class="method-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <!--ClassName--><a id="each-each"></a> <b>each</b> ( <code> Function fn, </code> <code> <span class='optional'>[Object scope]</span> </code> ) : CompositeElement <div class="mdesc"> <div class="short">
传入一个Function类型的参数,在这个composite中每个... </div> <div class="long">
传入一个Function类型的参数,在这个composite中每个元素中执行Function(带参数el, this, index)。
<div class="mdetail-params"> <strong>参数项:</strong> <ul> <li> <code> fn </code> : Function <div class="sub-desc"> 要调用的函数 </div> </li> <li> <code> scope </code> : Object <div class="sub-desc"> </div> </li> </ul> <b>返回:</b> <ul> <li> <code> CompositeElement </code> this </li> </ul> </div> </div> </div> </td> <td class="msource"> <!--如果这不是同个namespace下--><a ext:cls="Ext.CompositeElement" ext:member="#method-each" href="output/Ext.CompositeElement.html#method-each"> CompositeElement </a> </td> </tr> <tr class="method-row expandable"> <td class="micon"> <a class="exi" href="#expand"> </a> </td> <td class="sig"> <!--ClassName--><a id="select-select"></a> <b>select</b> ( <code> String/Array selector, </code> <code> Boolean unique, </code> <code> <span class='optional'>[HTMLElement/String root]</span> </code> ) : CompositeElementLite/CompositeElement <div class="mdesc"> <div class="short">
传入一个CSS选择符的参数,基于该选择符选取多个元素合成为一个元素... </div> <div class="long">
传入一个CSS选择符的参数,基于该选择符选取多个元素合成为一个元素,以看待单个元素的方式工作。
@member Ext
@method select
<div class="mdetail-params"> <strong>参数项:</strong> <ul> <li> <code> selector </code> : String/Array <div class="sub-desc"> CSS选择符或元素数组 </div> </li> <li> <code> unique </code> : Boolean <div class="sub-desc"> True表示为为每个子元素创建唯一的 Ext.Element(默认为false,享元的普通对象flyweight object) </div> </li> <li> <code> root </code> : HTMLElement/String <div class="sub-desc"> </div> </li> </ul> <b>返回:</b> <ul> <li> <code> CompositeElementLite/CompositeElement </code> * @member Ext </li> </ul> </div> </div> </div> </td> <td class="msource"> CompositeElementLite
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -