ext.quicktip.html

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

                        : String
                        <div class="mdesc">
                            <div class="short">
                                显示在面板头部的文本标题(默认为'')。如有指定了titile那么头部... 
                            </div>
                            <div class="long">
                                显示在面板头部的文本标题(默认为'')。如有指定了titile那么头部元素(head)会自动生成和显示， 除非<a href="###" onClick="alert('#header');">#header</a>强制设为false。如果你不想在写配置时指定好title， 不过想在后面才加入的话，你必须先指定一个非空的标题。(空白字符''亦可)或header：true 这样才保证容器元素生成出来。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Panel" 
								ext:member="#method-title" 
								href="output/Ext.Panel.html#method-title">
								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="buttons-header"></a>
                        <b>buttons</b>
                        : Array
                        <div class="mdesc">
                            <div class="short">
                                在面板底部加入按钮，{@link Ext.Button}配置的数组。 
                            </div>
                            <div class="long">
                                在面板底部加入按钮，{@link Ext.Button}配置的数组。 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Panel" 
								ext:member="#method-buttons" 
								href="output/Ext.Panel.html#method-buttons">
								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="autoLoad-header"></a>
                        <b>autoLoad</b>
                        : Object/String/Function
                        <div class="mdesc">
                            <div class="short">
                                一个特定的url反馈到Updater的Ext.Updater#upda... 
                            </div>
                            <div class="long">
                                一个特定的url反馈到Updater的<a href="###" onClick="alert('Ext.Updater#update');">Ext.Updater#update</a>方法。<p> 若autoLoad非null，面板在渲染后立即加载内容。同时该面板<a href="###" onClick="alert('#body');">#body</a>元素的默认URL属性就是这URL， 所以可随时调用{@link Ext.Element#refresh refresh}的方法。</p> 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Panel" 
								ext:member="#method-autoLoad" 
								href="output/Ext.Panel.html#method-autoLoad">
								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="frame-header"></a>
                        <b>frame</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                True表示为面板的边框外框可自定义的，false表示为边框可1px的... 
                            </div>
                            <div class="long">
                                True表示为面板的边框外框可自定义的，false表示为边框可1px的点线(默认为false) 
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Panel" 
								ext:member="#method-frame" 
								href="output/Ext.Panel.html#method-frame">
								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="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">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Panel" 
								ext:member="#method-border" 
								href="output/Ext.Panel.html#method-border">
								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="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">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Panel" 
								ext:member="#method-bodyBorder" 
								href="output/Ext.Panel.html#method-bodyBorder">
								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="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">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Panel" 
								ext:member="#method-bodyStyle" 
								href="output/Ext.Panel.html#method-bodyStyle">
								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">