Средство выбора цвета, расположенное внутри цветового меню, не обновляется, хотя пользовательский интерфейс

Question

Я поместил Ext.picker.Color внутри Ext.menu.ColorPicker, который находится внутри элемента, который находится внутри tbar ...

{
    text: 'Choose a color',
    menu:{
        xtype: 'colormenu',//Ext.menu.ColorPicker
        picker:{
            xtype: 'colorpicker'//Ext.picker.Color
        }   
    }
}

A может установить для него цвет программно через эту строку:

this.down('colorpicker').value='FF0000';

, но когда я меняю цвет через пользовательский интерфейс, значение не меняется.Поэтому, если я выполню эту строку

var newColor=this.down('colorpicker').getValue();

После выбора нового цвета я все равно получу «FF0000», даже если я нажму на синее поле (оно должно быть «0000FF»)

Answer 1

Из документов

Получить значение в событии выбора colorpicker, например:

{
    xtype: 'colorpicker'
    listeners: {
        select: function (colorpicker, color) {
                // color comes as a variable
        }
}