ext.panel.html.svn-base

PHP 知识管理系统（基于树结构的知识管理系统）, 英文原版的PHP源码。

                        <div class="short">A config object that will be applied to all components added to this container either via the items config or via the...</div>
            <div class="long">
                A config object that will be applied to all components added to this container either via the <a ext:cls="Ext.Container" ext:member="items" href="output/Ext.Container.html#items">items</a> config or via the <a ext:cls="Ext.Container" ext:member="add" href="output/Ext.Container.html#add">add</a> or <a ext:cls="Ext.Container" ext:member="insert" href="output/Ext.Container.html#insert">insert</a> methods. The defaults config can contain any number of name/value property pairs to be added to each item, and should be valid for the types of items being added to the container. For example, to automatically apply padding to the body of each of a set of contained <a ext:cls="Ext.Panel" href="output/Ext.Panel.html">Ext.Panel</a> items, you could pass: defaults: {bodyStyle:'padding:15px'}.            </div>
                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.Container" ext:member="#defaults" href="output/Ext.Container.html#defaults">Container</a></td>
    </tr>
        <tr class="config-row inherited alt">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Panel-disabledClass"></a>
            <b>disabledClass</b> : String            <div class="mdesc">
                            CSS class added to the component when it is disabled (defaults to "x-item-disabled").                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.Component" ext:member="#disabledClass" href="output/Ext.Component.html#disabledClass">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="Ext.Panel-draggable"></a>
            <b>draggable</b> : Boolean            <div class="mdesc">
                        <div class="short">True to enable dragging of this Panel (defaults to false). For custom drag/drop implementations, an Ext.Panel.DD conf...</div>
            <div class="long">
                <p>True to enable dragging of this Panel (defaults to false).</p> <p>For custom drag/drop implementations, an Ext.Panel.DD config could also be passed in this config instead of true. Ext.Panel.DD is an internal, undocumented class which moves a proxy Element around in place of the Panel's element, but provides no other behaviour during dragging or on drop. It is a subclass of <a ext:cls="Ext.dd.DragSource" href="output/Ext.dd.DragSource.html">Ext.dd.DragSource</a>, so behaviour may be added by implementing the interface methods of <a ext:cls="Ext.dd.DragDrop" href="output/Ext.dd.DragDrop.html">Ext.dd.DragDrop</a> eg: <pre><code>new Ext.Panel({
    title: <em>'Drag me'</em>,
    x: 100,
    y: 100,
    renderTo: Ext.getBody(),
    floating: true,
    frame: true,
    width: 400,
    height: 200,
    draggable: {
<i>//      Config option of Ext.Panel.DD class.</i>
<i>//      It's a floating Panel, so <b>do</b> not show a placeholder proxy <b>in</b> the original position.</i>
        insertProxy: false,

<i>//      Called <b>for</b> each mousemove event <b>while</b> dragging the DD object.</i>
        onDrag : <b>function</b>(e){
<i>//          Record the x,y position of the drag proxy so that we can</i>
<i>//          position the Panel at end of drag.</i>
            <b>var</b> pel = <b>this</b>.proxy.getEl();
            <b>this</b>.x = pel.getLeft(true);
            <b>this</b>.y = pel.getTop(true);

<i>//          Keep the Shadow aligned <b>if</b> there is one.</i>
            <b>var</b> s = <b>this</b>.panel.getEl().shadow;
            <b>if</b> (s) {
                s.realign(<b>this</b>.x, <b>this</b>.y, pel.getWidth(), pel.getHeight());
            }
        },

<i>//      Called on the mouseup event.</i>
        endDrag : <b>function</b>(e){
            <b>this</b>.panel.setPosition(<b>this</b>.x, <b>this</b>.y);
        }
    }
}).show();</code></pre>            </div>
                        </div>
        </td>
        <td class="msource">Panel</td>
    </tr>
        <tr class="config-row alt expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Panel-elements"></a>
            <b>elements</b> : String            <div class="mdesc">
                        <div class="short">A comma-delimited list of panel elements to initialize when the panel is rendered. Normally, this list will be genera...</div>
            <div class="long">
                A comma-delimited list of panel elements to initialize when the panel is rendered. Normally, this list will be generated automatically based on the items added to the panel at config time, but sometimes it might be useful to make sure a structural element is rendered even if not specified at config time (for example, you may want to add a button or toolbar dynamically after the panel has been rendered). Adding those elements to this list will allocate the required placeholders in the panel when it is rendered. Valid values are<ul> <li><b>header</b></li> <li><b>tbar</b> (top bar)</li> <li><b>body</b> (required)</li> <li><b>bbar</b> (bottom bar)</li> <li><b>footer</b><li> </ul> Defaults to '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="Ext.Panel-floating"></a>
            <b>floating</b> : Boolean            <div class="mdesc">
                        <div class="short">True to float the panel (absolute position it with automatic shimming and shadow), false to display it inline where i...</div>
            <div class="long">
                True to float the panel (absolute position it with automatic shimming and shadow), false to display it inline where it is rendered (defaults to false). Note that by default, setting floating to true will cause the panel to display at negative offsets so that it is hidden -- because the panel is absolute positioned, the position must be set explicitly after render (e.g., myPanel.setPosition(100,100);). Also, when floating a panel you should always assign a fixed width, otherwise it will be auto width and will expand to fill to the right edge of the viewport.            </div>
                        </div>
        </td>
        <td class="msource">Panel</td>
    </tr>
        <tr class="config-row alt expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Panel-footer"></a>
            <b>footer</b> : Boolean            <div class="mdesc">
                        <div class="short">True to create the footer element explicitly, false to skip creating it. By default, when footer is not specified, if...</div>
            <div class="long">
                True to create the footer element explicitly, false to skip creating it. By default, when footer is not specified, if one or more buttons have been added to the panel the footer will be created automatically, otherwise it will not.            </div>
                        </div>
        </td>
        <td class="msource">Panel</td>
    </tr>
        <tr class="config-row">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Panel-frame"></a>
            <b>frame</b> : Boolean            <div class="mdesc">
                            True to render the panel with custom rounded borders, false to render with plain 1px square borders (defaults to false).                        </div>
        </td>
        <td class="msource">Panel</td>
    </tr>
        <tr class="config-row alt expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Panel-header"></a>
            <b>header</b> : Boolean            <div class="mdesc">
                        <div class="short">True to create the header element explicitly, false to skip creating it. By default, when header is not specified, if...</div>
            <div class="long">
                True to create the header element explicitly, false to skip creating it. By default, when header is not specified, if a <a ext:cls="Ext.Panel" ext:member="title" href="output/Ext.Panel.html#title">title</a> is set the header will be created automatically, otherwise it will not. If a title is set but header is explicitly set to false, the header will not be rendered.            </div>
                        </div>
        </td>
        <td class="msource">Panel</td>
    </tr>
        <tr class="config-row">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Panel-headerAsText"></a>
            <b>headerAsText</b> : Boolean            <div class="mdesc">
                            True to display the panel title in the header, false to hide it (defaults to true).                        </div>
        </td>
        <td class="msource">Panel</td>
    </tr>
        <tr class="config-row inherited alt">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Panel-height"></a>
            <b>height</b> : Number            <div class="mdesc">
                            The height of this component in pixels (defaults to auto).                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.BoxComponent" ext:member="#height" href="output/Ext.BoxComponent.html#height">BoxComponent</a></td>
    </tr>
        <tr class="config-row inherited expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Panel-hideBorders"></a>
            <b>hideBorders</b> : Boolean            <div class="mdesc">
                        <div class="short">True to hide the borders of each contained component, false to defer to the component's existing border settings (def...</div>
            <div class="long">
                True to hide the borders of each contained component, false to defer to the component's existing border settings (defaults to false).            </div>
                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.Container" ext:member="#hideBorders" href="output/Ext.Container.html#hideBorders">Container</a></td>
    </tr>
        <tr class="config-row alt">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Panel-hideCollapseTool"></a>
            <b>hideCollapseTool</b> : Boolean            <div class="mdesc">
                            True to hide the expand/collapse toggle button when <a ext:cls="Ext.Panel" ext:member="collapsible" href="output/Ext.Panel.html#collapsible">collapsible</a> = true, false to display it (defaults to false).                        </div>
        </td>
        <td class="msource">Panel</td>
    </tr>
        <tr class="config-row inherited expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Panel-hideMode"></a>
            <b>hideMode</b> : String            <div class="mdesc">
                        <div class="short">How this component should hidden. Supported values are "visibility" (css visibility), "offsets" (negative offset posi...</div>
            <div class="long">