Data Grid - Templates

This module illustrates how you can use column templates to format cell values and provide custom data editors.

  • Availability column - DisplayTemplate formats cell values using check boxes and colored text. EditTemplate embeds a DxComboBox control into the edit form.

  • Category column - DisplayTemplate builds a composite string and displays it in plain text. EditTemplate embeds another DxDataGrid to enable lookup functionality.

Review how values in the Availability and Category columns are formatted and try the Edit action to see the custom editors integrated into the edit form.

HL Road Frame - Black, 58 Components/Road Frames
HL Road Frame - Red, 58 Components/Road Frames
Sport-100 Helmet, Red Accessories/Helmets
Sport-100 Helmet, Black Accessories/Helmets
Mountain Bike Socks, M Clothing/Socks
Mountain Bike Socks, L Clothing/Socks
Sport-100 Helmet, Blue Accessories/Helmets
AWC Logo Cap Clothing/Caps
Long-Sleeve Logo Jersey, S Clothing/Jerseys
Long-Sleeve Logo Jersey, M Clothing/Jerseys