sencha-touch - SenchaTouch Picker 实现？

Question

我正在使用 SenchaTouch，并希望将他们的 Picker 用于 UI 组件。我有这个代码：

        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

将函数添加到更改事件。

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

您也可以将其添加到“隐藏”事件中，这取决于您是否关心该值。

Answer 2

如果您想获取所选字段的值，您可以使用此代码。

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

Answer 3

您可以获得动态创建的日期选择器的选定值

听众：{更改：函数（选择器，selectedValue）{console.log（selectedValue）；} }