How to configure various Ext. Form Controls

Source: Internet
Author: User

1. Ext. Form. Action

Configuration items:
Success: the callback function after successful execution, which includes two parameters: Form and action.
Failure: the callback function after the execution fails, which includes two parameters: Form and action.
Method: Form submission method. Valid values include get and post.
Params: parameters passed to the request
URL: The action submission path.
Waitmsg: The waiting information displayed when the action is executed
Attribute:
Action. client_invalid: client verification error
Action. connect_failure: communication error
Action. load_failure: when loading data, fields that do not contain the data attribute are returned.
Action. server_invalid: Server verification error
Failuretype: Error Type
Result: contains the success attribute and other attributes of the boolean type, such as {success: True, MSG: 'OK '}
Type: Action type. Optional values include submit and load.
Ext. Form. Action. Submit: The returned information must contain a Boolean success attribute and an optional errors attribute.
Ext. Form. Action. Load: The returned information must contain a Boolean success attribute and a data attribute.

2. Ext. Form. basicform

Configuration items:
Baseparams: parameters passed to the request
Method: Form submission method. Valid values include get and post.
URL: default form submission path
Fileupload: whether the form is used for File Upload
Timeout: the time-out time of a form action. The default value is 30 seconds.
Trackresetonload: whether to clear the data when the form is first created
Method:
Doaction (string/object actionname, [object options]): executes a reservation action. Available options include:
URL: The action submission path.
Method: Form submission method. Valid values include get and post.
Params: parameters passed to the request
Headers:
Success: the callback function after successful execution, which includes two parameters: Form and action.
Failure: the callback function after the execution fails, which includes two parameters: Form and action.
Clientvalidation: whether to verify the client
Clearinvalid (): Clear all invalid verification information in the form
Findfield (string ID): searches for form fields.
Getvalues ([Boolean asstring]):
Isdirty (): whether the form data has been changed
Isvalid (): whether the client has successfully verified
Load (Object options): Execute the form read Action
Loadrecord (record): reads data from a data record to a form.
Markinvalid (array/object errors): set form fields in batches to invalid Verification
Reset (): resets the form
Setvalues (array/object values): Set the form field values in batches.
Submit (Object options): executes the form submission action.
UpdateRecord (record): persists the form data to the record set.

3. Ext. Form. formpanel

Configuration items:
Items: an array of elements or elements
Buttons: an array of Button configuration objects. The button is added to the form footer.
Buttonalign: button alignment. Options include left, center, and right. The default value is center.
Labelwidth: the width of the form tag.
Labelalign: Alignment of form labels. Optional values include left, top, and right. The default value is left.
Labelseparator: delimiter between a field label and a field. The default value is ':'
Minbuttonwidth: Minimum button width. The default value is 75.
Method:
Getform (): Ext. Form. basicform
Load (Object options)
Startmonitoring ()
Stopmonitoring ()

4. Ext. Form. Field

Configuration items:
Name: field name
Value: the initial value of the field.
Disabled: whether the field is unavailable. The default value is false.
Fieldlabel: field label description
Hidelabel: Hide the field label. The default value is false.
Labelseparator: delimiter between a field label and a field. The default value is ':'
Labelstyle: field label Style
Inputtype: The default value is text.
Invalidclass: The default value is X-form-invalid.
Invalidtext: indicates that the field is invalid.
Msgtarget: the location where the error message is displayed. The default value is QTip.
QTip: displays a floating prompt.
Title: displays a browser floating prompt.
Under: displays a prompt below the field
Side: displays a prompt on the right side of the field.
Readonly: whether the field is read-only. The default value is false.
Validateonblur: The field is verified when the focus is lost. The default value is true.
Method:
Clearinvalid ():
Getrawvalue ()
Setrawvalue (mixed value)
Getvalue ()
Setvalue (mixed value)
Isdirty (): whether the field value has been modified after loading
Isvalid (Boolean preventmark): whether the current field value is valid
Markinvalid ([String MSG])
Validate ()
Reset ()

5. Ext. Form. Hidden

6. Ext. Form. Label

Configuration items:

HTML:

Text:

7. Ext. Form. textfield

Configuration items:
Allowblank: whether to allow null. The default value is true.
Blanktext: the prompt message displayed after the empty verification fails.
Emptytext: default information displayed in an empty field
Grow: indicates whether the field is automatically stretched or shrunk. The default value is false.
Growmin: Minimum contracted width
Growmax: maximum stretch width
Inputtype: Field Type: The default value is text.
Maskre: used to filter regular expressions that do not match Character Input
Maxlength: Maximum length allowed by the Field
Maxlengthtext: the prompt message displayed after the maximum length verification fails.
Minlength: Minimum allowed length of a field
Minlengthtext: the prompt message displayed after the minimum length verification fails.
RegEx: Regular Expression
Regextext: the prompt message displayed when the regular expression verification fails.
Vtype: name of the verification type
ALPHA: Only letters are allowed.
Alphanum: Only letters and numbers are allowed.
Email
URL
Vtypetext: prompt message when verification fails
Validator: Custom verification function
Selectonfocus: automatically selects existing text when the field gets the focus. The default value is false.

8. Ext. Form. textarea
Configuration items:
Preventscrollbars: whether to disable scroll bars. The default value is false.

9. Ext. form. numberfield
configuration item:
allowdecimals: whether to allow decimals. The default value is true.
allownegative: whether to allow negative numbers. The default value is true.
basechars: A set of valid numbers. The default value is '20140901'.
decimalprecision: Specifies the precision of the number. The default value is the second digit after the decimal point.
decimalseparator: Specifies the decimal separator. The default value is '. '
maxvalue: maximum value that can be entered
maxtext: prompt message after the maximum value is exceeded
minvalue: Minimum value that can be entered
mintext: prompt message after the minimum value is exceeded
nantext: Enter the prompt message after the invalid value

10. Ext. form. checkbox
configuration item:
boxlabel: text description of the check box
checked: whether the check box is selected. The default value is false.
handler: the function triggered when the checked value changes. The function contains two parameters: checkbox and checked
inputvalue:
method:
getvalue (): return the checked status of the check box
setvalue (Boolean/string checked):

11. Ext. Form. checkboxgroup
Configuration items:
Allowblank: whether to allow or not to select. The default value is true.
Blanktext:
Columns: Number of columns displayed. Optional values include: Fixed auto, numeric, array (integer, decimal)
Items: Object Array
Vertical: whether to display objects vertically. The default value is false.

12. Ext. Form. Radio
Method:
Getgroupvalue ():
Setvalue (value {string/Boolean }):

13. Ext. Form. radiogroup
Configuration items:
Allowblank:
Blanktext:

14. Ext. Form. ComboBox
Configuration items:
Displayfield: field name displayed in the drop-down list
Editable: whether to edit. The default value is true.
Forceselection: whether the input value is strictly a value in the list to be selected. If the input does not exist, the first nearest value is automatically selected.
Hiddenname: name of the hidden field. If this parameter is provided, a hidden field will be created to store the selected value. When the form is submitted, you can obtain the selected value in the list using this name on the server.
Listwidth: the width of the drop-down list.
Minlistwidth: minimum width of the drop-down list. The default value is 70 pixels.
Loadingtext: the prompt message displayed when loading data in the drop-down box. It takes effect only when mode = 'remote '.
Maxheight: the maximum height of the drop-down list box. The default value is 300 pixels.
Minchars: the drop-down list box automatically selects the minimum number of characters you need to enter. Mode = 'remote' is 4 by default, and mode = 'local' is 0 by default.
Mode: The data read mode of the drop-down list box. Remote reads remote data and local reads local data
Pagesize: The page size of the drop-down list box. This setting takes effect only when mode = 'remote'
Queryparam: name of the query. The default value is 'query'. It will be passed to the query string.
Allquery: a query string sent to the server to query all information. The default value is null''
Selectonfocus: select an existing list item immediately when the focus is obtained. The default value is false. This option takes effect only when editable = true.
Store: Data Source bound to the list box
Transform: Convert existing elements in the page to a combo box
Lazyinit: latency initialization drop-down list. The default value is true.
Lazyrender: delay rendering. The default value is false.
Triggeraction: Set the default operation to be performed when the trigger button is clicked. Valid values include all and query. The default value is query. If it is set to all, the query set in allquery is executed.
Typeahead: sets whether to automatically select the remaining part of the text that matches the input process (select the first one that meets the conditions). The default value is false.
Value: Initialize the value in the combo box.
Valuefield: Value Field of the combo box
Valuenotfoundtext: the prompt message when the value does not exist.
TPL: ext template string or template object. You can use this configuration item to customize the display mode of the drop-down list.

Method:
Clearvalue (): clears the current field value.
Doquery (string query, Boolean forceall ):
Getvalue ():
Getstore ():
Setvalue (string value ):

15. Ext. Form. datefield
Configuration items:
Maxvalue: The maximum date that can be selected.
Maxtext: error message when the date exceeds the maximum value
Minvalue: Minimum allowed time
Mintext: error message when the date is smaller than the minimum value
Format: Date display format. The default value is "M/D/Y". Generally, "Y-m-d" is used"
Y: four-digit year
M: month with a prefix of 0
D: date with a prefix of 0
Y: two years
N: month without a prefix of 0
J: Date Without prefix 0
W: The number of weeks. 0 indicates Sunday, and 1 indicates Monday.
Showtoday: whether to display the today button. The default value is true.
Altformats: A string consisting of multiple Date input formats. "|" is used to separate different formats, the default value is 'm/D/Y | N/J/Y | M/J/Y | N/D/Y | M/J/Y | n /D/Y | M-D-y | M/d | M-d | MD | mdy | d | Y-m-d'
Disableddates: An array composed of prohibited dates
Disableddatestext
Disableddays: an array of prohibited weeks. 0 indicates Sunday, and 1 indicates Monday.
Disableddaystext: the prompt message displayed when the week is disabled
Invalidtext: the prompt message displayed when the date value is invalid.
Method:
Getvalue (): Get the date value

16. Ext. Form. fieldset
Configuration items:
Animcollapse: animation folding. The default value is false.
Checkboxtoggle: Specifies whether to display the checkbox selection box of the field set. The default value is false.
Checkboxname: Specifies the name of the checkbox in the field set for expanding or hiding the field set panel. This attribute takes effect only when checkboxtoggle is set to true.
Labelwidth: the width of the field label, which can be cascade to the sub-container.
Layout: layout. The default value is form.

17. Ext. Form. timefield
Configuration items:
Maxvalue: the maximum time allowed in the list.
Maxtext: error message when the time exceeds the maximum value
Minvalue: minimum time allowed in the list
Mintext: error message when the time is smaller than the minimum value
Increment: interval between two adjacent options. The default value is 15 minutes.
Format: Display format. The default value is "G: I ". Generally, "H: I: s" is used"
H: 24 hours with a prefix of 0
I: minutes with a prefix of 0
S: seconds with a prefix of 0
Invalidtext: the prompt message displayed when the time value is invalid.
Altformats: A string consisting of multiple time input formats. "|" is used to separate different formats.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.