extjs动作按钮无法正常工作

Question

我正在使用extjs mvc架构 我有一个有动作的按钮：'重置' 当我点击它时会引发错误（但是当我使用处理程序时：它正常工作）

Uncaught TypeError: Cannot read property 'items' of undefined 

这是我的观看代码

Ext.define('Ext4Example.view.login.create-rd', {
    extend: 'Ext.form.FormPanel',    

    alias: 'widget.test',
    frame:'true', 

 initComponent: function() {

     var win=  Ext.create('Ext.window.Window', {
         title: 'Ajouter r�union',
         width : 630,
         height: 550,
         layout: 'fit',
         iconCls:'add',
//id   : 'form-widgets',
         items: [{
             xtype: 'form',

             id   : 'form-widgets',

             frame:'true',


             bodyPadding: '10 20',

             defaults: {
                 anchor    : '98%',
                 msgTarget : 'side',
                 allowBlank: false
             },

             items: [

                 {
                     fieldLabel: 'Title',
                     xtype     : 'textfield',
                     name      : 'title',
                     emptyText : 'Enter a value'
                 },
                 {
                     fieldLabel: 'Where',
                     xtype: 'combo',
                     name:'place',
                     store: ['sale1', 'sale2']
                 },
                 {
                     fieldLabel: 'date',
                     xtype     : 'datefield',
                     name      : 'date'
                 },
                 {
                     fieldLabel: 'heure',
                     name: 'time',
                     xtype: 'timefield'
                 },
                 {
                     fieldLabel: 'dur�',
                     xtype     : 'numberfield',
                     name      : 'duration',
                     emptyText : '(This field is optional)',
                     allowBlank: true
                 },
                 {
                     fieldLabel: 'Who',
                     xtype     : 'textareafield',
                     name      : 'message',
                     cls       : 'x-form-valid',
                     value     : ''
                 },                
                 {
                     hideLabel   : true,
                     id          : 'htmleditor',
                     xtype       : 'htmleditor',
                     name        : 'html',
                     enableColors: false,
                     value       : '',
                     height      : 210
                 },


            // buttons: [
                 {   xtype:'button',
                     text   : 'Annuler',
                     action :'clear',
                     name:'clear'
                     //handler: function() {
                      ///   Ext.getCmp('form-widgets').getForm().reset();
                    // }
                 }

             ]
         }

                 ],

     }).show(); 

 }
 }); 

这是我的控制器

Ext.define('Ext4Example.controller.Login', {
    extend: 'Ext.app.Controller',
    refs: [{
        ref: 'Home',
        selector: 'home'
    },
    {
        ref: 'Login',
        selector: 'login'
    }
    ],
    stores: ['Login','Meeting'],

    models: ['Login','Meeting'],

    views: ['login.LoginForm','login.HomePage','login.CenterPanel','login.WestMenu','login.create-rd','login.Document','login.Writer'],


    init: function() {


        this.control({
            //meeting form////
            'test button[action=clear]': {  
                'click' : function(button, event, opt) {  
                     console.log('button reset');
                    Ext.Msg.alert('Login Failed!', 'error');
              //var form = button.up('form');
              // form.getForm().reset();
                }  
            }


});

任何人都有此解决方案