📄 ext.form.formpanel.html
字号:
</tr> <tr class="config-row inherited"> <td class="micon"><a class="exi" href="#expand"> </a></td> <td class="sig"> <a id="Ext.form.FormPanel-baseCls"></a> <b>baseCls</b> : String <div class="mdesc"> The base CSS class to apply to this panel's element (defaults to 'x-panel'). </div> </td> <td class="msource"><a ext:cls="Ext.Panel" ext:member="#baseCls" href="output/Ext.Panel.html#baseCls">Panel</a></td> </tr> <tr class="config-row inherited alt expandable"> <td class="micon"><a class="exi" href="#expand"> </a></td> <td class="sig"> <a id="Ext.form.FormPanel-bbar"></a> <b>bbar</b> : Object/Array <div class="mdesc"> <div class="short">The bottom toolbar of the panel. This can be a Ext.Toolbar object, a toolbar config, or an array of buttons/button co...</div> <div class="long"> The bottom toolbar of the panel. This can be a <a ext:cls="Ext.Toolbar" href="output/Ext.Toolbar.html">Ext.Toolbar</a> object, a toolbar config, or an array of buttons/button configs to be added to the toolbar. Note that this is not available as a property after render. To access the bottom toolbar after render, use <a ext:cls="Ext.Panel" ext:member="getBottomToolbar" href="output/Ext.Panel.html#getBottomToolbar">getBottomToolbar</a>. </div> </div> </td> <td class="msource"><a ext:cls="Ext.Panel" ext:member="#bbar" href="output/Ext.Panel.html#bbar">Panel</a></td> </tr> <tr class="config-row inherited expandable"> <td class="micon"><a class="exi" href="#expand"> </a></td> <td class="sig"> <a id="Ext.form.FormPanel-bodyBorder"></a> <b>bodyBorder</b> : Boolean <div class="mdesc"> <div class="short">True to display an interior border on the body element of the panel, false to hide it (defaults to true). This only a...</div> <div class="long"> True to display an interior border on the body element of the panel, false to hide it (defaults to true). This only applies when <a ext:cls="Ext.Panel" ext:member="border" href="output/Ext.Panel.html#border">border</a> == true. If border == true and bodyBorder == false, the border will display as a 1px wide inset border, giving the entire body element an inset appearance. </div> </div> </td> <td class="msource"><a ext:cls="Ext.Panel" ext:member="#bodyBorder" href="output/Ext.Panel.html#bodyBorder">Panel</a></td> </tr> <tr class="config-row inherited alt expandable"> <td class="micon"><a class="exi" href="#expand"> </a></td> <td class="sig"> <a id="Ext.form.FormPanel-bodyStyle"></a> <b>bodyStyle</b> : String/Object/Function <div class="mdesc"> <div class="short">Custom CSS styles to be applied to the body element in the format expected by Ext.Element.applyStyles (defaults to nu...</div> <div class="long"> Custom CSS styles to be applied to the body element in the format expected by <a ext:cls="Ext.Element" ext:member="applyStyles" href="output/Ext.Element.html#applyStyles">Ext.Element.applyStyles</a> (defaults to null). </div> </div> </td> <td class="msource"><a ext:cls="Ext.Panel" ext:member="#bodyStyle" href="output/Ext.Panel.html#bodyStyle">Panel</a></td> </tr> <tr class="config-row inherited expandable"> <td class="micon"><a class="exi" href="#expand"> </a></td> <td class="sig"> <a id="Ext.form.FormPanel-border"></a> <b>border</b> : Boolean <div class="mdesc"> <div class="short">True to display the borders of the panel's body element, false to hide them (defaults to true). By default, the borde...</div> <div class="long"> True to display the borders of the panel's body element, false to hide them (defaults to true). By default, the border is a 2px wide inset border, but this can be further altered by setting <a ext:cls="Ext.Panel" ext:member="bodyBorder" href="output/Ext.Panel.html#bodyBorder">bodyBorder</a> to false. </div> </div> </td> <td class="msource"><a ext:cls="Ext.Panel" ext:member="#border" href="output/Ext.Panel.html#border">Panel</a></td> </tr> <tr class="config-row inherited alt expandable"> <td class="micon"><a class="exi" href="#expand"> </a></td> <td class="sig"> <a id="Ext.form.FormPanel-bufferResize"></a> <b>bufferResize</b> : Boolean/Number <div class="mdesc"> <div class="short">When set to true (100 milliseconds) or a number of milliseconds, the layout assigned for this container will buffer t...</div> <div class="long"> When set to true (100 milliseconds) or a number of milliseconds, the layout assigned for this container will buffer the frequency it calculates and does a re-layout of components. This is useful for heavy containers or containers with a large quantity of sub-components for which frequent layout calls would be expensive. </div> </div> </td> <td class="msource"><a ext:cls="Ext.Container" ext:member="#bufferResize" href="output/Ext.Container.html#bufferResize">Container</a></td> </tr> <tr class="config-row"> <td class="micon"><a class="exi" href="#expand"> </a></td> <td class="sig"> <a id="Ext.form.FormPanel-buttonAlign"></a> <b>buttonAlign</b> : String <div class="mdesc"> Valid values are "left," "center" and "right" (defaults to "center") </div> </td> <td class="msource">FormPanel</td> </tr> <tr class="config-row inherited alt"> <td class="micon"><a class="exi" href="#expand"> </a></td> <td class="sig"> <a id="Ext.form.FormPanel-buttons"></a> <b>buttons</b> : Array <div class="mdesc"> An array of <a ext:cls="Ext.Button" href="output/Ext.Button.html">Ext.Button</a>s or <a ext:cls="Ext.Button" href="output/Ext.Button.html">Ext.Button</a> configs used to add buttons to the footer of this panel. </div> </td> <td class="msource"><a ext:cls="Ext.Panel" ext:member="#buttons" href="output/Ext.Panel.html#buttons">Panel</a></td> </tr> <tr class="config-row inherited expandable"> <td class="micon"><a class="exi" href="#expand"> </a></td> <td class="sig"> <a id="Ext.form.FormPanel-cls"></a> <b>cls</b> : String <div class="mdesc"> <div class="short">An optional extra CSS class that will be added to this component's Element (defaults to ''). This can be useful for a...</div> <div class="long"> An optional extra CSS class that will be added to this component's Element (defaults to ''). This can be useful for adding customized styles to the component or any of its children using standard CSS rules. </div> </div> </td> <td class="msource"><a ext:cls="Ext.Component" ext:member="#cls" href="output/Ext.Component.html#cls">Component</a></td> </tr> <tr class="config-row inherited alt expandable"> <td class="micon"><a class="exi" href="#expand"> </a></td> <td class="sig"> <a id="Ext.form.FormPanel-collapseFirst"></a> <b>collapseFirst</b> : Boolean <div class="mdesc"> <div class="short">True to make sure the collapse/expand toggle button always renders first (to the left of) any other tools in the pane...</div> <div class="long"> True to make sure the collapse/expand toggle button always renders first (to the left of) any other tools in the panel's title bar, false to render it last (defaults to true). </div> </div> </td> <td class="msource"><a ext:cls="Ext.Panel" ext:member="#collapseFirst" href="output/Ext.Panel.html#collapseFirst">Panel</a></td> </tr> <tr class="config-row inherited"> <td class="micon"><a class="exi" href="#expand"> </a></td> <td class="sig"> <a id="Ext.form.FormPanel-collapsed"></a> <b>collapsed</b> : Boolean <div class="mdesc"> True to render the panel collapsed, false to render it expanded (defaults to false). </div> </td> <td class="msource"><a ext:cls="Ext.Panel" ext:member="#collapsed" href="output/Ext.Panel.html#collapsed">Panel</a></td> </tr> <tr class="config-row inherited alt"> <td class="micon"><a class="exi" href="#expand"> </a></td> <td class="sig"> <a id="Ext.form.FormPanel-collapsedCls"></a> <b>collapsedCls</b> : String <div class="mdesc"> A CSS class to add to the panel's element after it has been collapsed (defaults to 'x-panel-collapsed'). </div> </td> <td class="msource"><a ext:cls="Ext.Panel" ext:member="#collapsedCls" href="output/Ext.Panel.html#collapsedCls">Panel</a></td> </tr> <tr class="config-row inherited expandable"> <td class="micon"><a class="exi" href="#expand"> </a></td> <td class="sig"> <a id="Ext.form.FormPanel-collapsible"></a> <b>collapsible</b> : Boolean <div class="mdesc"> <div class="short">True to make the panel collapsible and have the expand/collapse toggle button automatically rendered into the header ...</div> <div class="long"> True to make the panel collapsible and have the expand/collapse toggle button automatically rendered into the header tool button area, false to keep the panel statically sized with no button (defaults to false). </div> </div> </td> <td class="msource"><a ext:cls="Ext.Panel" ext:member="#collapsible" href="output/Ext.Panel.html#collapsible">Panel</a></td> </tr> <tr class="config-row inherited alt"> <td class="micon"><a class="exi" href="#expand"> </a></td> <td class="sig"> <a id="Ext.form.FormPanel-contentEl"></a> <b>contentEl</b> : String <div class="mdesc"> The id of an existing HTML node to use as the panel's body content (defaults to ''). </div> </td> <td class="msource"><a ext:cls="Ext.Panel" ext:member="#contentEl" href="output/Ext.Panel.html#contentEl">Panel</a></td> </tr> <tr class="config-row inherited expandable"> <td class="micon"><a class="exi" href="#expand"> </a></td> <td class="sig"> <a id="Ext.form.FormPanel-ctCls"></a> <b>ctCls</b> : String <div class="mdesc"> <div class="short">An optional extra CSS class that will be added to this component's container (defaults to ''). This can be useful for...</div> <div class="long"> An optional extra CSS class that will be added to this component's container (defaults to ''). This can be useful for adding customized styles to the container or any of its children using standard CSS rules. </div> </div> </td> <td class="msource"><a ext:cls="Ext.Component" ext:member="#ctCls" href="output/Ext.Component.html#ctCls">Component</a></td> </tr> <tr class="config-row inherited alt expandable"> <td class="micon"><a class="exi" href="#expand"> </a></td> <td class="sig"> <a id="Ext.form.FormPanel-defaultType"></a>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -