Extjs calendarpanel

Question

我正在開發應用程序ExtJs 4 我正在使用MVC架構。 在Extjs的本地示例中，有可擴展日曆的日曆。 我想在我的應用程序中使用這個例子，而不是MVC它運作良好， 如何在我的應用程序中使用這個例子？ 請幫幫我！ 這是我的看法

Ext.define('Module.notification.reminder.view.Calendar', { 
    extend: 'Ext.panel.Panel', 
    alias: 'widget.calendartry', 
    requires: [ 
     'Ext.Viewport', 
     'Ext.layout.container.Border', 
     'Ext.data.proxy.Rest', 
     'Ext.picker.Date', 
     'Ext.calendar.util.Date', 
     'Ext.calendar.CalendarPanel', 
     'Ext.calendar.data.MemoryCalendarStore', 
     'Ext.calendar.data.MemoryEventStore', 
     'Ext.calendar.data.Events', 
     'Ext.calendar.data.Calendars', 
     'Ext.calendar.form.EventWindow' 
    ], 
    autoShow: false, 
    layout: 'fit', 
    Store: ['Ext.calendar.data.Events'], 
    initComponent: function() { 



     this.items = [{ 
       xtype: 'calendarpanel', 
       eventStore: Ext.create('Ext.data.ArrayStore', {}), 
       calendarStore: Ext.create('Ext.data.ArrayStore', {}), 
       title: 'Calendar', 
       name: 'eLeave-calendar', 
       height: 500, 
       width: 500 
      }]; 
     Ext.calendar.data.CalendarModel.reconfigure(); 
     this.callParent(arguments); 
    } 
}); 

Answer 1

使用xtpe：面板或容器

items: [{ 
xtype: 'datefield',name: 'startPeriod', 
fieldLabel: 'Start Period', 
emptyText: 'Select Period',allowBlank: false 
},         
{ 
xtype: 'datefield',name: 'endPeriod', 
fieldLabel: 'End Period' 
emptyText: 'Select Period',allowBlank: false 
}]