ext.panel.html

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

                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Panel
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="border-header"></a>
                        <b>border</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                True表示为显示出面板body元素的边框，false则隐藏(缺省为t... 
                            </div>
                            <div class="long">
                                True表示为显示出面板body元素的边框，false则隐藏(缺省为true)， 默认下，边框是一套2px宽的内边框，但可在<a href="###" onClick="alert('#bodyBorder');">#bodyBorder</a>中进一步设置。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Panel
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="bodyBorder-header"></a>
                        <b>bodyBorder</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                True表示为显示出面板body元素的边框，false则隐藏(缺省为t... 
                            </div>
                            <div class="long">
                                True表示为显示出面板body元素的边框，false则隐藏(缺省为true)， 只有 {@link #border} == true时有效. 若 border == true and bodyBorder == false, 边框则为1px宽， 可指定整个body元素的内置外观。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Panel
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="bodyStyle-header"></a>
                        <b>bodyStyle</b>
                        : String/Object/Function
                        <div class="mdesc">
                            <div class="short">
                                制定body元素的CSS样式。格式形如Ext.Element#appl... 
                            </div>
                            <div class="long">
                                制定body元素的CSS样式。格式形如<a href="###" onClick="alert('Ext.Element#applyStyles');">Ext.Element#applyStyles</a>(缺省为null)。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Panel
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="iconCls-header"></a>
                        <b>iconCls</b>
                        : String
                        <div class="mdesc">
                            <div class="short">
                                一个能提供背景图片的CSS样式类，用于面板头部的图标：(默认为'')。 
                            </div>
                            <div class="long">
                                一个能提供背景图片的CSS样式类，用于面板头部的图标：(默认为'')。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Panel
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="collapsible-header"></a>
                        <b>collapsible</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                True表示为面板是可收缩的，并自动渲染一个展开/收缩的轮换按钮在头部... 
                            </div>
                            <div class="long">
                                True表示为面板是可收缩的，并自动渲染一个展开/收缩的轮换按钮在头部工具条。 false表示为保持面板为一个静止的尺寸(缺省为false)。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Panel
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="tools-header"></a>
                        <b>tools</b>
                        : Array
                        <div class="mdesc">
                            <div class="short">
                                一个按钮配置数组，加入到头部的工具条区域。每个工具配置可包含下列属性：... 
                            </div>
                            <div class="long">
                                一个按钮配置数组，加入到头部的工具条区域。每个工具配置可包含下列属性：  <div class="mdetail-params"><ul> <li><b>id</b> : String<p class="sub-desc"><b>必须的。</b>要创建工具的类型。值可以是：<ul> <li><tt>toggle</tt> （当<a href="###" onClick="alert('#collapsible');">#collapsible</a>为<tt>true</tt>时默认创建）</li> <li><tt>close</tt></li> <li><tt>minimize</tt></li> <li><tt>maximize</tt></li> <li><tt>restore</tt></li> <li><tt>gear</tt></li> <li><tt>pin</tt></li> <li><tt>unpin</tt></li> <li><tt>right</tt></li> <li><tt>left</tt></li> <li><tt>up</tt></li> <li><tt>down</tt></li> <li><tt>refresh</tt></li> <li><tt>minus</tt></li> <li><tt>plus</tt></li> <li><tt>help</tt></li> <li><tt>search</tt></li> <li><tt>save</tt></li> </ul></div></p></li> <li><b>handler</b> : Function<p class="sub-desc"><b>必须的。</b> 点击后执行的函数。 传入的参数有：<ul> <li><b>event</b> : Ext.EventObject<p class="sub-desc">单击事件</p></li> <li><b>toolEl</b> : Ext.Element<p class="sub-desc">工具元素（tool Element）</p></li> <li><b>Panel</b> : Ext.Panel<p class="sub-desc">面板</p></li> </ul></p></li> <li><b>scope</b> : Object<p class="sub-desc">调用句柄的作用域</p></li> <li><b>qtip</b> : String/Object<p class="sub-desc">提示字符串，或<a href="###" onClick="alert('Ext.QuickTip#register');">Ext.QuickTip#register</a>的配置参数</p></li> <li><b>hidden</b> : Boolean<p class="sub-desc">True表示为渲染为隐藏</p></li> <li><b>on</b> : Object<p class="sub-desc">特定事件侦听器的配置对象，格式行如<a href="###" onClick="alert('#addListener');">#addListener</a>的参数</p></li> </ul> 用法举例： <pre><code>
tools:[{
    id:'refresh',
    // hidden:true,
    handler: function(event, toolEl, panel){
        // refresh logic
    }
}]
</code></pre> 注意面板关闭时的轮换按钮（toggle tool）的实现是分离出去，这些工具按钮只提供视觉上的按钮。 所需的功能必须由句柄提供以实现相应的行为。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Panel
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="hideCollapseTool-header"></a>
                        <b>hideCollapseTool</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                True表示为不出 展开/收缩的轮换按钮，当{@link #colla... 
                            </div>
                            <div class="long">
                                True表示为不出 展开/收缩的轮换按钮，当{@link #collapsible} = true，false就显示（默认为false）。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Panel
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="titleCollapse-header"></a>
                        <b>titleCollapse</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                True表示为允许单击头部区域任何一个位置都可收缩面板(当#colla... 
                            </div>
                            <div class="long">
                                True表示为允许单击头部区域任何一个位置都可收缩面板(当<a href="###" onClick="alert('#collapsible');">#collapsible</a> = true) 反之只允许单击工具按钮(默认为false)。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Panel
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="autoScroll-header"></a>
                        <b>autoScroll</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                True表示为在面板body元素上，设置overflow：'auto'... 
                            </div>
                            <div class="long">
                                True表示为在面板body元素上，设置overflow：'auto'和出现滚动条 false表示为裁剪所有溢出的内容(默认为false)。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Panel
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="floating-header"></a>
                        <b>floating</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                True 表示为浮动此面板(带有自动填充和投影的绝对定位)， fals... 
                            </div>
                            <div class="long">
                                True 表示为浮动此面板(带有自动填充和投影的绝对定位)， false表示为在其渲染的位置"就近"显示(默认为false)注意：默认情况下，设置为"浮动"会使得面板 在非正数的坐标上显示，以致不能正确显示，由于面板这时绝对定位的，必须精确地设置渲染后的位置 (如：myPanel.setPosition(100,100);)而且，一个浮动面板是没有固定的宽度，(autoWidth:true), 导致面板会填满与视图右方的区域。 hidden：True表示为初始渲染即隐藏， on：指定一个监听器，格式{add Listened},用法举例：刷新逻辑。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                        
                            Panel
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>