Table of Contents

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.