javascript - 如何在 Sencha Touch datepickerfield 中引用 "Done"按钮

Question

我需要在用户从 datepickerfield 组件中选择一个日期时触发一个事件(当他们点击内置的“完成”按钮时)。我试图引用按钮的“ Action ”等，但没有成功。

如能提供有关如何从日期选择器字段“完成”按钮创建引用(或处理程序或监听器)的任何信息，我们将不胜感激。

以下是我的部分观点:

     items:[{
                xtype:  'button',
                align:  'right',
                text:   'Mark all present',
                action: 'markAllPresent'
            },
            {
                xtype:   'datepickerfield',
                cls:    'pickAdate',
                align:  'left',
                label:  'Date',
                name:   'date',
                value:   new Date(),
                picker    : {
                    yearFrom: 2012,
                    toolbar : {
                        items : [
                            {
                                xtype:  'button',
                                ui:     'confirm',
                                text:   'Today',
                                align:  'right',
                                handler: function(button, event) {
                                    var picker = button.up('datepicker');
                                    picker.fireEvent('change', picker, Ext.DateExtras.clearTime(new Date()));
                                    //Today button , clear date
                                }
                            }
                        ]
                    }
                },
                doneButton:{
                    action: 'dateDone'  //THIS DOES NOTHING ---------==============
                },
                listeners: {

                    change: function(picker, date) {
                        console.log(date);
                        var store = Ext.create('Ext.data.Store', {
                            model: 'App.model.NewDateModel',
                            id:'DateStore'
                        });
                        store.add(date);
                        store.setData(date);
                        store.sync();

                        this.fireEvent("newDatePicked", this); 
                        // **DOES NOT FIRE EVENT IN MY CONTROLLER================

                    }
                }
            }]

还有我的 Controller :

config: {
    control: {
        doneButton: {
            newDatePicked: 'newDatePicked'
        }
    },
    refs: {
        doneButton: 'button[action=dateDone]'
    }
},

newDatePicked: function(list, record) {
  .....
}

谢谢

Answer 1

尝试使用 change Controller 中的事件，

control: {
    "datepickerfield[itemId=giveItemID]": {
        change: 'newDatePicked'
    }
},

你应该给你的 datepickerfield 一个 itemId 并用它替换“giveItemID”。