?<!--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.Component-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.Component-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.Component-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.Component-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.Component"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a>    </div><h1>Class Ext.Component</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">                Component.js            </td>        </tr>        <tr>            <td class="label">                Class:            </td>            <td class="hd-info">                Ext.Component            </td>        </tr>        <tr>            <td class="label">                Extends:            </td>            <td class="hd-info">                Ext.util.Observable            </td>        </tr>    </table>    <div class="description">        <p>Base class for all Ext components.   全體Ext組件的基類。  Component下所有的子類均按照統一的Ext組件生命周期（lifeycle）執行運作,即創建、渲染和銷毀（creation,rendering和destruction）。  并具有隱藏/顯示和啟用/禁用的基本行為特性。</p>   Component下的子類可被延時渲染（lazy-rendered）成為<a href="###" onClick="alert('Ext.Container');">Ext.Container</a>的一種，同時自動登記到<a href="###" onClick="alert('Ext.ComponentMgr');">Ext.ComponentMgr</a>，  這樣便可在后面的代碼使用<a href="###" onClick="alert('Ext#getCmp');">Ext#getCmp</a>獲取組件的引用。  當需要以盒子模型（box model）的方式管理這些可視的器件（widgets），  器件就必須從Component（或<a href="###" onClick="alert('Ext.BoxComponent');">Ext.BoxComponent</a>）繼承，渲染為一種布局。   </p>  <p>  每種component都有特定的類型，是Ext自身設置的類型。對xtype檢查的相關方法如<a href="###" onClick="alert('#getXType');">#getXType</a>和<a href="###" onClick="alert('#isXType');">#isXType</a>。  這里是所有有效的xtypes列表：</p>  <pre>xtype            類Class-------------    ------------------box              Ext.BoxComponentbutton           Ext.Buttoncolorpalette     Ext.ColorPalettecomponent        Ext.Componentcontainer        Ext.Containercycle            Ext.CycleButtondataview         Ext.DataViewdatepicker       Ext.DatePickereditor           Ext.Editoreditorgrid       Ext.grid.EditorGridPanelgrid             Ext.grid.GridPanelpaging           Ext.PagingToolbarpanel            Ext.Panelprogress         Ext.ProgressBarsplitbutton      Ext.SplitButtontabpanel         Ext.TabPaneltreepanel        Ext.tree.TreePanelviewport         Ext.ViewPortwindow           Ext.WindowToolbar components 工具條組件---------------------------------------toolbar          Ext.Toolbartbbutton         Ext.Toolbar.Buttontbfill           Ext.Toolbar.Filltbitem           Ext.Toolbar.Itemtbseparator      Ext.Toolbar.Separatortbspacer         Ext.Toolbar.Spacertbsplit          Ext.Toolbar.SplitButtontbtext           Ext.Toolbar.TextItemForm components 表單組件---------------------------------------form             Ext.FormPanelcheckbox         Ext.form.Checkboxcombo            Ext.form.ComboBoxdatefield        Ext.form.DateFieldfield            Ext.form.Fieldfieldset         Ext.form.FieldSethidden           Ext.form.Hiddenhtmleditor       Ext.form.HtmlEditornumberfield      Ext.form.NumberFieldradio            Ext.form.Radiotextarea         Ext.form.TextAreatextfield        Ext.form.TextFieldtimefield        Ext.form.TimeFieldtrigger          Ext.form.TriggerField</pre    </div>    <div class="hr">    </div>    <a id="Ext.Component-configs"></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="config-row expandable">                    <td class="micon">                        <a class="exi" href="#expand">&nbsp;</a>                    </td>                    <td class="sig">                        <a id="id-header"></a>                        <b>id</b>                        : String                        <div class="mdesc">                            <div class="short">                                唯一的組件id（默認為自動分配的id）。                             </div>                            <div class="long">                                唯一的組件id（默認為自動分配的id）。                             </div>                        </div>                    </td>                    <td class="msource">                                                                            Component                                            </td>                </tr>                            <tr class="config-row expandable">                    <td class="micon">                        <a class="exi" href="#expand">&nbsp;</a>                    </td>                    <td class="sig">                        <a id="xtype-header"></a>                        <b>xtype</b>                        : String                        <div class="mdesc">                            <div class="short">                                The registered xtype to create.  用于...                             </div>                            <div class="long">                                The registered xtype to create.  用于登記一個xtype。 This config option is not used when passing a config object into a constructor.  This config option is used only when lazy instantiation is being used, and a child item of a Container is being specified not as a fully instantiated Component, but as a <i>Component config object</i>.  The xtype will be looked up at render time up to determine what type of child Component to create.<br><br> The predefined xtypes are listed {@link Ext.Component here}. <br><br> If you subclass Components to create your own Components, you may register them using <a href="###" onClick="alert('Ext.ComponentMgr#registerType');">Ext.ComponentMgr#registerType</a> in order to be able to take advantage of lazy instantiation and rendering.                             </div>                        </div>                    </td>                    <td class="msource">                                                                            Component                                            </td>                </tr>                            <tr class="config-row expandable">                    <td class="micon">                        <a class="exi" href="#expand">&nbsp;</a>                    </td>                    <td class="sig">                        <a id="cls-header"></a>                        <b>cls</b>                        : String                        <div class="mdesc">                            <div class="short">                                一個可選添加的CSS樣式類，加入到組件的容器上（默認為''）。 這為容...                             </div>                            <div class="long">                                一個可選添加的CSS樣式類，加入到組件的容器上（默認為''）。 這為容器或容器的子節點加入標準CSS規則提供了方便。                             </div>                        </div>                    </td>                    <td class="msource">                                                                            Component                                            </td>                </tr>                            <tr class="config-row expandable">                    <td class="micon">                        <a class="exi" href="#expand">&nbsp;</a>                    </td>                    <td class="sig">                        <a id="style-header"></a>                        <b>style</b>                        : String                        <div class="mdesc">                            <div class="short">                                作用在組件元素上特定的樣式。該值的有效格式應如Ext.Element#...                             </div>                            <div class="long">                                作用在組件元素上特定的樣式。該值的有效格式應如<a href="###" onClick="alert('Ext.Element#applyStyles');">Ext.Element#applyStyles</a>。                             </div>                        </div>                    </td>                    <td class="msource">                                                                            Component                                            </td>                </tr>                            <tr class="config-row expandable">                    <td class="micon">                        <a class="exi" href="#expand">&nbsp;</a>                    </td>                    <td class="sig">                        <a id="plugins-header"></a>                        <b>plugins</b>                        : Object/Array                        <div class="mdesc">                            <div class="short">                                針對該組件自定義的功能，是對象或這些對象組成的數組。 一個有效的插件須...                             </div>                            <div class="long">                                針對該組件自定義的功能，是對象或這些對象組成的數組。 一個有效的插件須保證帶有一個init的方法以便接收屬于Ext.Component類型的引用。 當一個組件被創建后，若發現由插件可用，組件會調用每個插件上的init方法，傳入一個應用到插件本身。   這樣，插件便能按照組件所提供的功能，調用到組件的方法或響應事件。                             </div>                        </div>                    </td>                    <td class="msource">                                                                            Component                                            </td>                </tr>                            <tr class="config-row expandable">                    <td class="micon">                        <a class="exi" href="#expand">&nbsp;</a>                    </td>                    <td class="sig">                        <a id="applyTo-header"></a>                        <b>applyTo</b>                        : Mixed                        <div class="mdesc">                            <div class="short">                                節點的id,或是DOM節點，又或者是與DIV相當的現有元素，這些都是文...                             </div>                            <div class="long">                                節點的id,或是DOM節點，又或者是與DIV相當的現有元素，這些都是文檔中已經存在的元素 當使用applyTo后，主元素所指定的id或CSS樣式類將會作用于組件構成的部分， 而被創建的組件將會嘗試著根據這些markup構建它的子組件。 使用了這項配置后，不需要執行render()的方法。 若指定了applyTo，那么任何由<a href="###" onClick="alert('#renderTo');">#renderTo</a>傳入的值將會被忽略并使用目標元素的父級元素作為組件的容器。                             </div>                        </div>                    </td>                    <td class="msource">                                                                            Component                                            </td>                </tr>                            <tr class="config-row expandable">                    <td class="micon">                        <a class="exi" href="#expand">&nbsp;</a>                    </td>                    <td class="sig">                        <a id="renderTo-header"></a>                        <b>renderTo</b>                        : Mixed                        <div class="mdesc">                            <div class="short">                                容器渲染的那個節點的id,或是DOM節點，又或者是與DIV相當的現有元...                             </div>                            <div class="long">                                容器渲染的那個節點的id,或是DOM節點，又或者是與DIV相當的現有元素。 使用了這項配置后，不需要執行render()的方法。                             </div>                        </div>                    </td>                    <td class="msource">