Column edit template
Node name : column-edit-template
This node can be used to override the default edit component for cells in the column associated with a UI view property.
Attributes
| Attribute | Type | Required | Default value | Description |
|---|---|---|---|---|
| property-name | string |
true |
UI view property name |
To access the value relative to the datagrid cell, you can use the @Value binding.
To access the item relative to the datagrid cell, you can use the @Item binding.
Example
Value binding
<datagrid>
<column-edit-template property-name="SomePropertyName">
<textbox property-name="SomePropertyName" type="password" />
</column-template>
</datagrid>
In this example, the edit component will be a "password-type" textbox.
<datagrid>
<column-edit-template property-name="SomePropertyName">
<combobox value="@Value" values="@Fields.AllowedValues" required="true" />
</column-template>
</datagrid>
In this example, the edit component will be an unbound combobox which the values are bound to a field.