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.

680 HL Road Frame - Black, 58 Components/Road Frames
706 HL Road Frame - Red, 58 Components/Road Frames
707 Sport-100 Helmet, Red Accessories/Helmets
708 Sport-100 Helmet, Black Accessories/Helmets
709 Mountain Bike Socks, M Clothing/Socks
710 Mountain Bike Socks, L Clothing/Socks
711 Sport-100 Helmet, Blue Accessories/Helmets
712 AWC Logo Cap Clothing/Caps
713 Long-Sleeve Logo Jersey, S Clothing/Jerseys
714 Long-Sleeve Logo Jersey, M Clothing/Jerseys