Реализация средства выбора SenchaTouch?

#sencha-touch #extjs #picker

#sencha-touch #extjs #средство выбора

Вопрос:

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

         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??

Комментарии:

1. Это синтаксически недопустимый JavaScript.

Ответ №1:

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

 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'); }
            }
        }
});
  

вы также можете добавить его к событию «скрыть», зависит от того, волнует вас это значение или нет.

Ответ №2:

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

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

Ответ №3:

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

слушатели: { изменить: функцию (средство выбора, выбранное значение) { console.log(выбранное значение); } }