ext.form.formpanel.html

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

            <b>defaultType</b> : String            <div class="mdesc">
                        <div class="short">The default xtype of child Components to create in this Container when a child item is specified as a raw configurati...</div>
            <div class="long">
                <p>The default <a ext:cls="Ext.Component" href="output/Ext.Component.html">xtype</a> of child Components to create in this Container when a child item is specified as a raw configuration object, rather than as an instantiated Component.</p> <p>This usually defaults to 'panel', but for <a ext:cls="Ext.form.FormPanel" href="output/Ext.form.FormPanel.html">Ext.form.FormPanel</a> and <a ext:cls="Ext.form.FieldSet" href="output/Ext.form.FieldSet.html">Ext.form.FieldSet</a>, the defaultType is 'textfield'.</p>            </div>
                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.Container" ext:member="#defaultType" href="output/Ext.Container.html#defaultType">Container</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.form.FormPanel-defaults"></a>
            <b>defaults</b> : Object            <div class="mdesc">
                        <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.form.FormPanel-disabled"></a>
            <b>disabled</b> : Boolean            <div class="mdesc">
                            Render this component disabled (default is false).                        </div>
        </td>
        <td class="msource"><a ext:cls="Ext.Component" ext:member="#disabled" href="output/Ext.Component.html#disabled">Component</a></td>
    </tr>
        <tr class="config-row inherited">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.form.FormPanel-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 inherited alt expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.form.FormPanel-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"><a ext:cls="Ext.Panel" ext:member="#draggable" href="output/Ext.Panel.html#draggable">Panel</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.form.FormPanel-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"><a ext:cls="Ext.Panel" ext:member="#elements" href="output/Ext.Panel.html#elements">Panel</a></td>
    </tr>
        <tr class="config-row inherited alt expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.form.FormPanel-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"><a ext:cls="Ext.Panel" ext:member="#floating" href="output/Ext.Panel.html#floating">Panel</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.form.FormPanel-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"><a ext:cls="Ext.Panel" ext:member="#footer" href="output/Ext.Panel.html#footer">Panel</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.form.FormPanel-formId"></a>
            <b>formId</b> : String            <div class="mdesc">
                            (optional) The id of the FORM tag (defaults to an auto-generated id).                        </div>
        </td>
        <td class="msource">FormPanel</td>
    </tr>
        <tr class="config-row inherited">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.form.FormPanel-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"><a ext:cls="Ext.Panel" ext:member="#frame" href="output/Ext.Panel.html#frame">Panel</a></td>
    </tr>
        <tr class="config-row inherited alt expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.form.FormPanel-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"><a ext:cls="Ext.Panel" ext:member="#header" href="output/Ext.Panel.html#header">Panel</a></td>
    </tr>
        <tr class="config-row inherited">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.form.FormPanel-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"><a ext:cls="Ext.Panel" ext:member="#headerAsText" href="output/Ext.Panel.html#headerAsText">Panel</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.form.FormPanel-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>