Extjsform components
1, Ext.form.Action
Configuration items:
Success: function that executes a callback after success, including two parameters: Form and action
Failure: A function that performs a callback after failure, including two parameters: Form and action
Method: How the form is submitted, valid values include GET, POST
Params: Parameters passed to the request
URL: The path of an action submission
Waitmsg: Wait information displayed when the action is executed
Property:
Action.client_invalid: Client validation error
Action.connect_failure: Communication error
Action.load_failure: When the data is loaded, fields that do not contain the database property are returned
Action.server_invalid: Server-side validation error
Failuretype: Error type
Result: Contains the Success property and other properties of the Boolean type, such as {success:true,msg: ' OK '}
Type: Action types, optional values are submit and load
Ext.form.Action.Submit: The returned information contains a Boolean type of success property and an optional errors property
Ext.form.Action.Load: The returned information contains a Boolean type of success property and a data property
2, Ext.form.BasicForm
Configuration items:
Baseparams: Parameters passed to the request
Method: How the form is submitted, valid values include GET, POST
URL: Default submission path for forms
FileUpload: Whether the form is uploading files
Timeout: The time-out for form action, default is 30 seconds
Trackresetonload: Whether the data is clear when the form is first created
Method:
DoAction (String/objectactionname,[objectoptions]): Perform a booking action, available options include:
URL: The path of an action submission
Method: How the form is submitted, valid values include GET, POST
Params: Parameters passed to the request
Headers
Success: function that executes a callback after success, including two parameters: Form and action
Failure: A function that performs a callback after failure, including two parameters: Form and action
Clientvalidation: Whether client authentication
Clearinvalid (): Clears all invalid validation information in the form
FindField (stringid): Find form fields
GetValues ([booleanasstring]):
IsDirty (): Whether the form data has been changed
IsValid (): Client validation succeeded
Load (objectoptions): Perform form read action
Loadrecord (Recordrecord): reading data from a data record into a form
Markinvalid (array/objecterrors): Batch Set form field validation is not valid
Reset (): Resetting the form
Setvalues (array/objectvalues): Batch set form field values
Submit (Objectoptions): Perform form submission action
UpdateRecord (Recordrecord): Persisting form data to a recordset
3, Ext.form.FormPanel
Configuration items:
Items: An element or an array of elements
Buttons: An array of button configuration objects, and the buttons are added to the form footer
Buttonalign: button alignment, selectable values are left, center, right, center by default
Labelwidth: Width of form labels
LabelAlign: The alignment of the form label, with the optional value left, top, right, default to left
Labelseparator: The delimiter between the field label and the field, which defaults to ': '
Minbuttonwidth: Minimum width of the button, default is 75
Method:
GetForm (): Ext.form.BasicForm
Load (objectoptions)
Startmonitoring ()
Stopmonitoring ()
4, Ext.form.Field
Configuration items:
Name: Field name
Value: The initialization value of the field
Disabled: field is not available, default is False
Fieldlabel: Field Label description
Hidelabel: Hide field labels, default to False
Labelseparator: The delimiter between the field label and the field, which defaults to ': '
LabelStyle: Field label style
InputType: Default is Text
Invalidclass: Default is X-form-invalid
InvalidText: Field illegal text hint
Msgtarget: The location where the error message is displayed, default is Qtip
Qtip: Displays a floating hint message
Title: Displays a browser's floating tip information
Under: Display a message below the field
Side: Displays a hint message to the right of the field
ReadOnly: Whether the field is read-only and false by default
Validateonblur: The field is validated when it loses focus and is true by default
Method:
Clearinvalid ():
Getrawvalue ()
Setrawvalue (Mixedvalue)
GetValue ()
SetValue (Mixedvalue)
IsDirty (): Whether the field value has been modified since it was loaded
IsValid (Booleanpreventmark): Whether the current field value is legal
Markinvalid ([stringmsg])
Validate ()
Reset ()
5, Ext.form.Hidden
6, Ext.form.Label
Configuration items:
Html:
Text
7, Ext.form.TextField
Configuration items:
Allowblank: null is allowed, default is True
Blanktext: Prompt message displayed after null validation fails
Emptytext: The information displayed by default in an empty field
Grow: field is automatically stretched and shrunk, default is False
Growmin: Minimum width of contraction
Growmax: Maximum width of stretch
InputType: Field type: Default to Text
Maskre: Regular expression for filtering mismatched character input
MaxLength: Maximum length of field allowed input
Maxlengthtext: Message displayed after maximum length verification failure
MinLength: The minimum length that the field allows for input
Minlengthtext: Prompt message displayed after minimum length verification failure
Regex: Regular Expression
Regextext: Prompt that is displayed after a regular expression validation fails
VType: Verify the name of the type
Alpha: Restrict input of only letters
Alphanum: Restrict input of only letters and numbers
Email: Verifying the mailbox format
URL: Verifying URL format
Vtypetext: Prompt message when validation fails
Validator: Custom Validation function
Selectonfocus: Automatically selects existing text when the field gets focus, false by default
8, Ext.form.TextArea
Configuration items:
Preventscrollbars: Whether scroll bars are disabled, default to False
9, Ext.form.NumberField
Configuration items:
Allowdecimals: Allow decimal to be entered, true by default
Allownegative: Whether to allow negative numbers, by default true
Basechars: A valid set of numbers entered, default to ' 0123456789 '
Decimalprecision: Numeric precision, default reserved 2 digits after decimal point
DecimalSeparator: Decimal separator, default to '. '
MaxValue: Maximum allowable value for input
Maxtext: Prompt message after maximum value
MinValue: Minimum allowable value for input
Mintext: Message after the minimum value is exceeded
Nantext: Prompt message after entering a non-valid value
10, Ext.form.Checkbox
Configuration items:
Boxlabel: Text Description of the check box
Checked: check box is selected, default is False
Handler: A function triggered when the checked value changes, the function contains two parameters: checkbox, checked
Inputvalue:
Method:
GetValue (): Returns the checked status of the check box
SetValue (boolean/stringchecked):
11, Ext.form.CheckboxGroup
Configuration items:
Allowblank: Whether to allow not to select, True by default
Blanktext:
Columns: Number of columns displayed, optional values include: fixed value auto, numeric value, Array (integer, decimal)
Items: Array of objects
Vertical: Whether the object is displayed vertically, false by default
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: The field name that is displayed in the drop-down box
Editable: Editable, default True
Forceselection: The input value is strictly the value that exists in the list to be selected. If you enter a value that does not exist, the first closest value is automatically selected.
Hiddenname: The name of the hidden field, if provided, a hidden field will be created to store the selected value, when the form is submitted on the server side can be obtained by the name of the selected value in the list
ListWidth: Width of drop-down list
Minlistwidth: The minimum width of the drop-down list, which defaults to 70 pixels
Loadingtext: The message that appears when the dropdown box loads the data will only take effect if mode= ' remote ' is present
MaxHeight: Maximum height of drop-down list box, default is 300 pixels
Minchars: The drop-down list box automatically selects the minimum number of characters before the user needs to enter. mode= ' remote ' defaults to 4,mode= ' local ' default to 0
Mode: The data read pattern for the drop-down list box. Remote Data read, local data is read locally
PageSize: The paging size of the drop-down list box. This setting only takes effect when mode= ' remote '
Queryparam: The name of the query, default to ' query ', will be passed to the query string
Allquery: A query string sent to the server to query all information, default to an empty string '
Selectonfocus: Select an existing list item as soon as you get the focus. The default is false, which only takes effect when editable=true
Store: List box-bound data source
Transform: Converting elements that already exist on a page to a combo box
Lazyinit: Delay initialization drop-down list, default to True
Lazyrender: Time-lapse rendering, default = False
TriggerAction: Sets the default action to be performed when the trigger button is clicked, the valid values are all and query, default to query, and if set to all, the query set in Allquery is executed
TypeAhead: Sets whether the remaining text of the match is automatically selected during the input process (selects the first one that satisfies the criteria), and defaults to False
Value: Initializes the values in the combo box
Valuefield: Value field for combo box
Valuenotfoundtext: Prompt message when value does not exist
Tpl:ext a template string or template object that can be used to customize how the drop-down list is displayed
Method:
ClearValue (): Clears the field's current value
Doquery (Stringquery,booleanforceall):
GetValue ():
GetStore ():
SetValue (stringvalue):
15, Ext.form.DateField
Configuration items:
MaxValue: Maximum date allowed for selection
Maxtext: Error message when the date is greater than the maximum value
MinValue: Minimum time allowed for selection
Mintext: Error message when the date is less than the minimum value
Format: Date display formats, default to "m/d/y", general use of "y-m-d"
Y: four-bit year
M: Month with prefix 0
D: Date with prefix 0
Y: two-bit year
N: Month without prefix 0
J: Date without prefix 0
W: Number of the week, 0 means Sunday, 1 represents Monday
Showtoday: Whether the Today button is displayed, the default is True
Altformats: A string consisting of multiple date input formats, using "|" Between different formats To be split, the default value is ' m/d/y|n/j/y|n/j/y|m/j/y|n/d/y|m/j/y|n/d/y|m-d-y|m-d-y|m/d|m-d|md|mdy|mdy|d| Y-m-d '
Disableddates: Prevents the selection of the array of dates
Disableddatestext: Tips to display when selecting a forbidden date
Disableddays: A block of selected week arrays, 0 for Sunday, 1 for Monday
Disableddaystext: Select the message that appears when the Forbidden Week is selected
InvalidText: Message displayed when date value is illegal
Method:
GetValue (): Get Date value
16, Ext.form.FieldSet
Configuration items:
Animcollapse: Animation folding, default to False
Checkboxtoggle: Sets whether to display the checkbox selection box for a field set, false by default
Checkboxname: Specifies the name of the checkbox in the field set to expand or hide the field sets panel, which takes effect only if Checkboxtoggle is true
Labelwidth: The width of the field label, which can cascade to a child container
Layout: layouts, default to form
17, Ext.form.TimeField
Configuration items:
MaxValue: Maximum time allowed in the list
Maxtext: Error message when time is greater than the maximum value
MinValue: The minimum time allowed in the list
Mintext: Error message when the time is less than the minimum value
Increment: time interval between two adjacent options, default is 15 minutes
Format: Display formatting, default to "G:ia". General use of "h:i:s"
H: 24 hours with prefix 0
I: Minute with prefix 0
S: Seconds with prefix 0
InvalidText: Message displayed when the time value is illegal
Altformats: Multiple time input format consisting of a string, using "|" Between different formats To split
ExtJS Checksum Configuration Items