Ext. Form. formpanel parameter description

Ext. Form. formpanel parameter description

1. formid: String

(Optional) ID of the form tag (automatically generated by default ).

 

2. labelwidth: Number

The width of the tag. This attribute is cascade to sub-containers.

 

3. itemcls: String

The extra CSS style of the form item element of the container (the default value is "", which is used if the itemcls of the container is set ). Because the style acts on the entire entry container, this will be effective for the form fields, label elements (if specified), or other elements as long as they belong to the element in the entry.

This component is only useful for rendering under the container controlled by Ext. Form. formlayout layout manager.

 

4. Buttons: Array

Add a button at the bottom of the Panel to the array configured by Ext. Button.

 

5. buttonalign: String

Alignment of buttons on this panel. Valid values: 'Right, 'left' and 'center' (default value: 'right ')

 

6. minbuttonwidth: Number

The minimum button width (75 by default) on this panel ).

 

7. labelalign: String

Valid values: "left," "TOP", and "right" (default value: "Left "). This attribute is cascade with sub-containers that do not set this attribute.

 

8. monitorvalid: Boolean

True indicates that the status of valid values is monitored by continuously triggering an event (on the client)

This item must be bound to a button with the configuration item formbind: True

 

9. monitorpoll: Number

Checks the interval of the valid state in milliseconds. If monitorvalid is not true, the change is ignored (the default value is 200 ).

 

10. bodycfg: Object

The Ext. domhelper configuration object that forms the Panel # Body element.

This may adopt another structure for the body element. For example, if you use the <center> element, the content is displayed in the center.

 

11. headercfg: Object

Panel # Header element structure, in the format configured by Ext. domhelper.

 

12. footercfg: Object

The structure of the Panel # footer element conforms to the format configured by Ext. domhelper.

 

13. applyto: mixed

The node ID, Dom node, or an existing element equivalent to the Div. These are all existing elements in the Document. When applyto is used, the ID or CSS style class specified by the primary element will act on the component components, and the created component will try to build its child components based on these markup. After this configuration is used, you do not need to execute the render () method. If applyto is specified, any value passed by # renderto will be ignored and the parent element of the target element will be used as the container of the component.

 

14. tbar: Object/Array

Toolbar at the top of the Panel. This item can be an Ext. toolbar instance, a toolbar configuration object, or an array consisting of Button configuration objects to be added to the toolbar. Note: This attribute is unavailable after rendering. Use the # gettoptoolbar method instead.

 

15. bbar: Object/Array

Toolbar at the bottom of the Panel. This item can be an Ext. toolbar instance, a toolbar configuration object, or an array consisting of Button configuration objects to be added to the toolbar. Note: This attribute is unavailable after rendering. Use the # getbottomtoolbar method instead.

 

16. header: Boolean

True indicates that the Header element is explicitly created, and false indicates that the creation is skipped. By default, if no header is created, the content of # title will be set to the header. If no title is specified, no. If the title is set but the header is set to false, the title is not generated.

 

17. footer: Boolean

True indicates that the base element is explicitly created, and false indicates that the creation is skipped. By default, even if one or more buttons are added to the panel, the bottom is created without being specified.

 

18. Title: String

Text title displayed in the panel header (''by default ''). If titile is specified, the Header element (head) is automatically generated and displayed unless # header is set to false. If you do not want to specify the title when writing the configuration, but want to add it later, you must first specify a non-empty title (specifically, a blank character ''or header: true) to ensure that the container elements are generated.

 

19. autoload: Object/string/Function

A specific URL is fed back to the Updater Ext. Updater # update method. If autoload is not null, the Panel tries to load the content immediately after rendering. At the same time, the default URL attribute of the Panel # Body element is this URL, so you can call the Ext. Element # refresh method at any time.

 

20. Frame: Boolean

"True" indicates that the outer frame of the Panel can be customized, and "false" indicates that the border can be 1 px (default value: false ).

 

21. Border: Boolean

"True" indicates that the border of the Panel Body element is displayed. "false" indicates that the border is hidden (true by default). By default, the border is a set of inside borders with a width of 2 PX, but you can further set it in # bodyborder.

 

22. bodyborder: Boolean

"True" indicates that the border of the Panel Body element is displayed. "false" indicates that the border is hidden (true by default). It is valid only when # border = true. If border = true and bodyborder = false, the border is 1 px wide. You can specify the built-in appearance of the entire body element.

 

23. bodystyle: String/Object/Function

Specifies the CSS style of the Body element. The format is like Ext. Element # applystyles (default: NULL ).

 

24. iconcls: String

A css style class that provides background images for the icons in the panel header: (''by default '').

Example of a custom icon style: An Example of specifying a custom icon class wocould be something like:

 

25. collapsible: Boolean

True indicates that the Panel can be shrunk, and a rotation button for expansion/contraction is automatically rendered in the header toolbar. False indicates that the Panel is a static size (default value: false ).

 

26. Tools: Array

An array composed of Button configurations, added to the toolbar area of the header. During rendering, each tool is saved as an Ext. Element Object and stored in the tool. <tool-type> attribute. Each tool configuration can contain the following attributes:

ID	String	Required. The type of the tool is required. By default, the X-tool-<tool-type> style is assigned, indicating that this is a tool element. EXT comes with some CSS styles that match the button styles of various tools. Developers can also customize CSS styles and background images to modify icons.
Handler	Function	Required. The processing function triggered by clicking the button. The input parameters include: Event: Ext. eventobject click the event. The click event. Toolel: Ext. element tool Element) Panel: Ext. Panel panel. TC: Ext. Panel
Scope	Object	Execution scope of processing functions
QTip	String/Object	Specify the prompt information for the button. It can be a string or the configuration parameter of the configuration object Ext. quicktip # register.
Hidden	Boolean	Set whether to hide the first time rendering.
On	Object	Configure the event listener for the button. The configuration object of a specific event listener, in the format of # addlistener. The format of the Listener Configuration object should be shown in # addlistener

 

Table of mappings between the tool configuration item ID and the button icon
 

27. tooltemplate: Ext. template/EXT. xtemplate

What is the template of tools in # header. The default value is:

28. hidecollapsetool: Boolean

True indicates that the rotation button does not show expansion or contraction. When # collapsible = true, false is displayed (the default value is false ).

 

29. titlecollapse: Boolean

True indicates that the Panel can be reduced at any position in the header area (when # collapsible = true); otherwise, only the tool button can be clicked (false by default ).

 

30. autoscroll: Boolean

"True" indicates the Panel Body element. "overflow: 'auto'" and "scroll bar" "false" indicates that all overflow content is cropped. The default value is "false ).