ext.viewport.html

Ext中文API,学习ext的同志只要你学会ext里的一种控件后其实其他的就大同小异了

            <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">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="Viewport-Viewport"></a>
                        <b>Viewport</b>
                        (
                        
                            
                                <code>
                                    Object config
                                </code>
                            
                        )
                        
                            : Ext.Viewport
                        
                        <div class="mdesc">
                            <div class="short">
                                构造器 
                            </div>
                            <div class="long">
                                构造器
                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                            <li>
                                                <code>
                                                    config
                                                </code> : Object
                                                <div class="sub-desc">
                                                    配置项对象
                                                </div>
                                            </li>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                Ext.Viewport
                                            </code>
                                            
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        Viewport
                        
                    </td>
                </tr>
            
                <tr class="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="add-add"></a>
                        <b>add</b>
                        (
                        
                            
                                <code>
                                    Ext.Component/Object component
                                </code>
                            
                        )
                        
                            : Ext.Component
                        
                        <div class="mdesc">
                            <div class="short">
                                 把组件（omponent） 加入到此容器。在加入之前触发 befor... 
                            </div>
                            <div class="long">
                                 把组件（omponent） 加入到此容器。在加入之前触发 beforeadd 事件和加入完毕后触发 add事件。 如果在容器已渲染后执行add方法（译注，如没渲染，即是属于lazy_rending状态，自由地调用add方法是无所谓的）， 你或许需要调用<a href="###" onClick="alert('#doLayout');">#doLayout</a>的方法，刷新视图。 而多个子组件加入到布局，你只需执行一次这个方法。
 Ext采用延时渲染（lazy-rendering），加入的组件只有到了需要显示的时候才会被渲染出来。<br><br> 你可传入一个组件的配置对象即是lazy-rendering的做法，这样做的好处是组件不会立即渲染，减低直接构建组件对象带来的开销。<br><br> 要了解所有可用的xtyps，可参阅<a href="###" onClick="alert('Ext.Component');">Ext.Component</a>。 要发挥"lazy instantiation延时初始化"的特性，应对组件所属的登记类型的<a href="###" onClick="alert('Ext.Component#xtype');">Ext.Component#xtype</a>属性进行配置。

                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                            <li>
                                                <code>
                                                    component
                                                </code> : Ext.Component/Object
                                                <div class="sub-desc">
                                                    欲加入的组件component。<br><br>
                                                </div>
                                            </li>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                Ext.Component
                                            </code>
                                            component 包含容器缺省配置值的组件（或配置项对象）。
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下--><a ext:cls="Ext.Container" ext:member="#method-add" href="output/Ext.Container.html#method-add">
                        
                        Container
                        
                        </a>
                    
                    </td>
                </tr>
            
                <tr class="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="insert-insert"></a>
                        <b>insert</b>
                        (
                        
                            
                                <code>
                                    Number index,
                                </code>
                            
                        
                            
                                <code>
                                    Ext.Component/Object component
                                </code>
                            
                        )
                        
                            : Ext.Component
                        
                        <div class="mdesc">
                            <div class="short">
                                 把插件(Component)插入到容器指定的位置(按索引)。 执行插... 
                            </div>
                            <div class="long">
                                 把插件(Component)插入到容器指定的位置(按索引)。 执行插入之前触发beforeadd事件，插入完毕触发add事件。

 Ext采用延时渲染（lazy-rendering），加入的组件只有到了需要显示的时候才会被渲染出来。<br><br> 你可传入一个组件的配置对象即是lazy-rendering，这样做的好处是组件不会立即渲染 减低直接构建组件对象带来的开销。<br><br> 要了解所有可用的xtyps，可参阅{@link Ext.Component}。 要发挥"lazy instantiation延时初始化"的特性，应对组件所属的登记类型的{@link Ext.Component#xtype}属性进行配置。

                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                            <li>
                                                <code>
                                                    index
                                                </code> : Number
                                                <div class="sub-desc">
                                                    组件插入到容器collection集合的索引
                                                </div>
                                            </li>
                                        
                                            <li>
                                                <code>
                                                    component
                                                </code> : Ext.Component/Object
                                                <div class="sub-desc">
                                                    欲加入的组件component。<br><br>
                                                </div>
                                            </li>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                Ext.Component
                                            </code>
                                            component 包含容器缺省配置值的组件（或配置项对象）。
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下--><a ext:cls="Ext.Container" ext:member="#method-insert" href="output/Ext.Container.html#method-insert">
                        
                        Container
                        
                        </a>
                    
                    </td>
                </tr>
            
                <tr class="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="remove-remove"></a>
                        <b>remove</b>
                        (
                        
                            
                                <code>
                                    Component/String component,
                                </code>
                            
                        
                            
                                <code>
                                    <span class='optional'>[Boolean autoDestroy]</span>
                                </code>
                            
                        )
                        
                        <div class="mdesc">
                            <div class="short">
                                 从此容器中移除某个组件。执行之前触发beforeremove事件，移... 
                            </div>
                            <div class="long">
                                 从此容器中移除某个组件。执行之前触发beforeremove事件，移除完毕后触发remove事件。


                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                            <li>
                                                <code>
                                                    component
                                                </code> : Component/String
                                                <div class="sub-desc">
                                                    组件的引用或其id
                                                </div>
                                            </li>
                                        
                                            <li>
                                                <code>
                                                    autoDestroy
                                                </code> : Boolean
                                                <div class="sub-desc">
                                                    
                                                </div>
                                            </li>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                void
                                            </code>
                                            
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace