SenchaTouch Picker实现?

问题描述

| 我正在使用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上工作?     

解决方法

向更改事件添加功能。
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 \'事件中,具体取决于您是否关心该值。     ,如果您想获取所选字段的值,则可以使用此代码。
listeners: {
    change: function(picker,button) {
        selectedValue = picker.getValue()[\'limit_speed\'];
        console.log(selectedValue);
    }
}
    ,您可以获取动态创建的日期选择器的选定值 听众:{                                     更改:function(picker,selectedValue){                                         console.log(selectedValue);                                     }                                 }