How to render Syncfusion ColorPicker control for particular column while editing a record?

How to render Syncfusion ColorPicker control for particular column while editing a record?

How to show color picker in grid Edit Mode?

This Knowledge Base explains the way, of how to render Syncfusion ColorPicker control for particular column while editing a record.

show the color picker in grid Edit Mode and apply it for the corresponding column.

 HTML

JS

Razor

C#

ASPX

Edit template for grid column:

Using Eedit Template feature the ejColorPicker control has been defined inside the write and read functions for the corresponding column (Column Name: “Color”)

The rowDataBound event triggers every time when a row data bind with theto the Grid. In this event, color for the cell can able to set after editing the record.

Figure 1: Rendered the color for the column at the initial rendering of grid.

Figure 2: sShows ejColorPicker control has rendered when the grid is in edit Mode for the first row.

Figure 3: Sshows the different color for the row 1 to the color column after editing.