Реализация SenchaTouch Picker?

Question

Я использую SenchaTouch и хотел бы использовать их Picker для компонента пользовательского интерфейса.У меня есть этот код:

        var datePicker = new Ext.Picker({
        slots: [
            {
            name : 'limit_speed',
            useTitles: true,
            title: 'Terminals',
                data : [
                    {text: 'Terminalq 1', value: 1},
                    {text: 'Terminal 2', value: 2},
                    {text: 'Terminal 3', value: 3},
                    {text: 'Terminal 4', value: 4}
                ]    
            }    
        ]

    });

Кто-нибудь знает, как заставить обработчик событий работать на doneButton ??

Answer 1

, если вы хотите принять значение выбранного поля, вы можете использовать этот код.

listeners: {
    change: function(picker,button) {
        selectedValue = picker.getValue()['limit_speed'];
        console.log(selectedValue);
    }
}

Answer 2

Добавление функции к событию изменения.

datePicker.on('change', function(){
  // do some stuff
});

или

var datePicker = new Ext.Picker({
        slots: [
            {
            name : 'limit_speed',
            useTitles: true,
            title: 'Terminals',
                data : [
                    {text: 'Terminalq 1', value: 1},
                    {text: 'Terminal 2', value: 2},
                    {text: 'Terminal 3', value: 3},
                    {text: 'Terminal 4', value: 4}
                ]    
            }    
        ],   
        listeners: {
            change: {
                element: 'el', //bind to the underlying el property on the panel
                fn: function(){ console.log('click el'); }
            }
        }
});

Вы также можете добавить ее в событие 'hide', зависит от того, заботитесь ли вы о значениинет.

Answer 3

Вы можете получить выбранное значение динамически созданного указателя даты

слушатели: { change: function (picker, selectedValue) { console.log (SelectedValue); } }