colorpicker in propertygrid

[JeroenNL]

Hello,

I'm would like to have a colorpicker available as a row in a propertygrid. Is there a way to achieve this?

Cheers,
Jeroen

[stworthy]

Please download the simple color plugin from https://www.jeasyui.com/extension/downloads/jquery-easyui-color.zip

[JeroenNL]

Hey that's very nice!

But... how do I use this color box in a propertygrid? The example uses a class, while the propertygrid expects an editor property?

[JeroenNL]

Any clues?

[stworthy]

Please extend the 'color' editor as below:

Code:

$.extend($.fn.datagrid.defaults.editors, {
    color: {
      init: function(container, options){
        var input = $('<input type="text" class="datagrid-editable-input">').appendTo(container);
        input.color(options);
        return input;
      },
      destroy: function(target){
        $(target).color('destroy');
      },
      getValue: function(target){
        return $(target).color('getValue');
      },
      setValue: function(target, value){
        $(target).color('setValue', value);
      },
      resize: function(target, width){
        $(target).color('resize', width);
      }
    }
})

And then apply the 'color' editor to the property row.

Code:

{"name":"Color","value":"#93c47d","group":"ID Settings","editor":"color"}