ext.panel.html

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

<!--
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.Panel-props"><img src="/images/s.gif" class="item-icon icon-prop">Properties</a><a class="inner-link" href="#Ext.Panel-methods"><img src="/images/s.gif" class="item-icon icon-method">Methods</a><a class="inner-link" href="#Ext.Panel-events"><img src="/images/s.gif" class="item-icon icon-event">Events</a><a class="inner-link" href="#Ext.Panel-configs"><img src="/images/s.gif" class="item-icon icon-config">Config Options</a><a class="bookmark" href="../docs/?class=Ext.Panel"><img src="/images/s.gif" class="item-icon icon-fav">Direct Link</a>
    </div><h1>Class Ext.Panel</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">
                Panel.js
            </td>
        </tr>
        <tr>
            <td class="label">
                Class:
            </td>
            <td class="hd-info">
                Ext.Panel
            </td>
        </tr>
        <tr>
            <td class="label">
                Extends:
            </td>
            <td class="hd-info">
                Ext.Container
            </td>
        </tr>
    </table>
    <div class="description">
        面板是一种为面向应用程序用户界面构建最佳的单元块，一种特定功能和结构化组件。 
  面板包含有底部和顶部的工具条，连同单独的头部、底部和body部分。
  它提供内建都得可展开和可闭合的行为，连同多个内建的可制定的行为的工具按钮。
  面板可简易地置入任意的容器或布局，而面板和渲染管线（rendering pipeline）则有框架完全控制
    </div>
    <div class="hr">
    </div>
    <a id="Ext.Panel-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="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">
                        
                            <!--如果这不是同个namespace下-->
							<a 	ext:cls="Ext.Component" 
								ext:member="#method-applyTo" 
								href="output/Ext.Component.html#method-applyTo">
								Component
							</a>
                        
                        
                    </td>
                </tr>
            
                <tr class="config-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="tbar-header"></a>
                        <b>tbar</b>
                        : Object/Array
                        <div class="mdesc">
                            <div class="short">
                                面板底部的工具条。此项可以是Ext.Toolbar的实例、工具条的配置... 
                            </div>
                            <div class="long">
                                面板底部的工具条。此项可以是<a href="###" onClick="alert('Ext.Toolbar');">Ext.Toolbar</a>的实例、工具条的配置对象，或由按钮配置项对象 构成的数组，以加入到工具条中。注意，此项属性渲染过后就不可用了， 应使用<a href="###" onClick="alert('#getBottomToolbar');">#getBottomToolbar</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="header-header"></a>
                        <b>header</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                True表示为显式建立头部元素，false则是跳过创建。缺省下，如不创... 
                            </div>
                            <div class="long">
                                True表示为显式建立头部元素，false则是跳过创建。缺省下，如不创建头部， 将使用{@link #title} 的内容设置到头部去，如没指定title则不会。 如果设置好title，但头部设置为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="footer-header"></a>
                        <b>footer</b>
                        : Boolean
                        <div class="mdesc">
                            <div class="short">
                                True表示为显式建立底部元素，false则是跳过创建。缺省下，就算不... 
                            </div>
                            <div class="long">
                                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="title-header"></a>
                        <b>title</b>
                        : 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">
                        
                        
                            Panel
                        
                    </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">
                        
                        
                            Panel
                        
                    </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">
                        
                        
                            Panel
                        
                    </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)