Grid whit color picker

Thread ID:	Created:	Updated:	Platform:	Replies:
150698	Jan 16,2020 02:48 PM UTC	Jan 17,2020 09:36 AM UTC	JavaScript - EJ 2	1

Subscribe to this post

Tags: Grid

Alex Siler

Asked On January 16, 2020 02:48 PM UTC

Hi, I have the following problem with the color picker template. When you edit a row there are no problems with the control, but when I stop editing the row I can't make the control render and it remains in read-only format to show the selected color. Can I do that?

https://stackblitz.com/edit/wsmvdn-i4nmfr?file=index.js

Best regards

Reply | Reply with quote

Thiyagu Subramani [Syncfusion]

Replied On January 17, 2020 09:36 AM UTC

Hi Alex,

Greetings from Syncfusion forum.

We can achieve your requirement “Grid whit color picker” using rowDataBound event. Please refer to the below code and sample link.

function rowBound(args) {

if (args.data.color != undefined) {

args.row.cells[2].innerHTML = "";

var cell = document.createElement('input');

cell.id = "check";

cell.type = "color";

args.row.cells[2].appendChild(cell);

var colorObj = new ej.inputs.ColorPicker({

value: args.data.color, // you can set properties here..

disabled: true

});

colorObj.appendTo(cell);

}

Sample link: https://stackblitz.com/edit/wsmvdn-7rkmth?file=index.js

Help documentation link.

Link 1: https://ej2.syncfusion.com/javascript/documentation/api/color-picker/

Link 2: https://ej2.syncfusion.com/javascript/documentation/api/grid#rowdatabound

Please get back to us, if you need any further assistance.

Regards,

Thiyagu S

Reply | Reply with quote

CONTACT US

Grid whit color picker

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US