This example shows how to edit data in the Grid using columns.
Complete How to use the Data Grid component.
Select the Grid component, and on the Properties tab, expand Optional Configs and set the AllowColumnEdit property to True.
This allows the Grid values to be edited.
In the Toolbox, search for Column.
The Grid Column widgets are displayed.
Drag the relevant Column type to the GridColumnsPlaceholder.
In this example, the Text Column is used.
On the Text Column Properties tab, enter the Header and Binding information.
The Header property displays in the column’s header. In this example, "Name" is entered.
The Binding property displays the name of the entity and the attribute in the column. In this example, the entity is called Sample_Product and the Attribute is Name, so the Binding property is "Sample_Product.Name".
Repeat steps 3 and 4 for the Column widgets you want to display on your Grid.
This examples uses the following:
Widget Property Number Column Header: "Stock"
Currency Column Header: "Price"
Checkbox Column Header: "Is Favorite"
After following these steps and publishing the module, you can test the component in your app. Double-click a cell to edit it's content.
Note: When you edit a cell, that cell and the corresponding line is marked with a black triangle to indicate a change in data.