Jason Denney
Published in

Jason Denney

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

--

--

--

Smart-enough dude sharing pointers on DIY projects, code, and living cheap. Developer of multitouch.app

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
J Denney

J Denney

software dev researching ethical products at intentfulconsumers.com

More from Medium

6WIND sets the standard for 5G virtual security gateways

Амбассадорская программа ALEO Ребята загляните на минутку на #tothemoonproject ALEO.

CS371p Spring 2022: Justin Milushev

VCSIA Winner — Cynthia Okoye