I have seen the example showing ColorPalette by clicking a button.But i want show it in textfield on focus event in the textfield.

Code:
var col = new Ext.ColorPalette({
                    listeners: {
                        select: function(cp, color){
                            alert(color);
                        }
                    }
                });
                var frm_color = new Ext.form.TextField({
                    fieldLabel: 'Add a color',
                    name: 'color',
                    id: 'color',
                    width: 190,
                    listeners: { 
                        focus : function()
                        {
                            item:[col];
                        }
                    },        
                });
what is the alternative method to do it ?

thanks in advance.