
EditorForm
Edit forms are automatically rendered through the bound data model
EditorForm
component is a very useful component that, when editing data, simply assigns the Model
property.
- The binding model automatically generates all properties by default, and you can change to not automatically build by setting
AutoGenerateAllItem
- If you don't need to edit the columns, set the
Editable
, the default istrue
build editing components - Complex edit columns, set up
EditTemplate
templates, and edit custom components - The buttons in the form can be set up multiplely, just set the buttons
Buttons
template
By binding TModel
data model, editable forms for individual fields of the model are automatically generated
Demo
Directly bind the model model
, setting the Educationcompletefield not to appear
Data compliance checks are implemented through nested ValidateForm
components
Demo
The component is built into the ValidateForm
to turn on data compliance checks, and hobbyfields use the EditTemplate
template to customize the component to render the data
Make the birthday
field read-only by setting the Readonly
property
By setting the property AutoGenerateAllItem
value of false
the property is prohibited from being automatically generated, and the display property is controlled by setting the FieldItems
internal collection
Demo
In this example, by setting the autoGenerate AllItem
value to false
, turning off auto-generation, and rendering the form editing by manually adding two EditoItem
edits
By setting the property AutoGenerateAllItem
value of false
the property is prohibited from being automatically generated, and the display property is controlled by setting the FieldItems
internal collection
Demo
In some cases, the value of some columns in the form may be a secondary classification, etc., and you need to know the information for a level 1 classification, at which point the first-level classification requires additional components to render if Select
, which is independent of the current context binding model Model
, which requires that you set the SkipValidate
value to true
, turn off model validation for this component
Control the layout by setting the property values ItemsPerRow
Demo
This example sets ItemsPerRow=3
show 3 components per row
Control the rendering component type by setting the CompnentType
property values
Demo
inline
layout mode aligns the labels in the form right by setting theLabelAlign="Alignment.Right"
Buttons
template you can nestdiv
and styletext-end
align the right side of the button
Attributes
EditorItem Attribute
B station related video link
交流群