ext.form.fieldset.html

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

								Panel
							</a>
                        
                        
                    </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">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Panel" 
								ext:member="#method-iconCls" 
								href="output/Ext.Panel.html#method-iconCls">
								Panel
							</a>
                        
                        
                    </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">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Panel" 
								ext:member="#method-collapsible" 
								href="output/Ext.Panel.html#method-collapsible">
								Panel
							</a>
                        
                        
                    </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">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Panel" 
								ext:member="#method-tools" 
								href="output/Ext.Panel.html#method-tools">
								Panel
							</a>
                        
                        
                    </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">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Panel" 
								ext:member="#method-hideCollapseTool" 
								href="output/Ext.Panel.html#method-hideCollapseTool">
								Panel
							</a>
                        
                        
                    </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">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Panel" 
								ext:member="#method-titleCollapse" 
								href="output/Ext.Panel.html#method-titleCollapse">
								Panel
							</a>
                        
                        
                    </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">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Panel" 
								ext:member="#method-autoScroll" 
								href="output/Ext.Panel.html#method-autoScroll">
								Panel
							</a>
                        
                        
                    </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">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Panel" 
								ext:member="#method-floating" 
								href="output/Ext.Panel.html#method-floating">
								Panel
							</a>
                        
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="shadow-header"></a>
                        <b>shadow</b>
                        : Boolean/String
                        <div class="mdesc">
                            <div class="short">
                                True 表示为(或一个有效Ext.Shadow#mode 值) 在面... 
                            </div>
                            <div class="long">
                                True 表示为(或一个有效<a href="###" onClick="alert('Ext.Shadow#mode');">Ext.Shadow#mode</a> 值) 在面板后显示投影效果，(默认为'sides'四边) 注意此项只当floating = true时有效。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Panel" 
								ext:member="#method-shadow" 
								href="output/Ext.Panel.html#method-shadow">
								Panel
							</a>
                        
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="shadowOffset-header"></a>
                        <b>shadowOffset</b>
                        : Number
                        <div class="mdesc">
                            <div class="short">
                                投影偏移的象素值(默认为4) 注意此项只当floating = tru... 
                            </div>
                            <div class="long">
                                投影偏移的象素值(默认为4) 注意此项只当floating = true时有效. 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Panel" 
								ext:member="#method-shadowOffset" 
								href="output/Ext.Panel.html#method-shadowOffset">
								Panel
							</a>