Grid Cell-editor Colorpicker Form Combo in ExtJS and Netzke

ExtJS Color Picker

I had a scenario where I wanted to use a colorpicker as the input tool for a cell in a grid. Figured I’d share the solution, as it took me some time to get something working since there were a lot of “gotchas” that I didn’t fully understand. Perhaps others may have improvements.

In app/assets/javascripts/custome_netzke_helpers.js: https://gist.github.com/spacemunkay/5655134

In app/components/bosses/javascripts/init_component.js: https://gist.github.com/spacemunkay/5655147

In app/components/bosses.rb: https://gist.github.com/spacemunkay/5655153

The code for the custom colorpicker was derived from the two following examples:
https://github.com/netzke/netzke-basepack/blob/83414d241de37eae9df7fc2af36951371ecb4c77/javascripts/xdatetime.js
http://www.learnsomethings.com/2012/03/20/extjs4-color-picker-in-a-drop-down-control-for-use-on-forms-and-in-editable-grids/

Hope this helps someone!

I also posted this in Netzke Google Groups, which could potentially have updates in the future: https://groups.google.com/forum/?fromgroups#!topic/netzke/QZlTkZXkOE0

Like what you read? Give J Denney a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.