javascript - Extjs calendarpanel -
i'm developing application on extjs 4 i'm using mvc architecture. in native examples of extjs there calendar extensible calendar. i'm trying use example in application, whithout mvc works well, how can use example in application? please me! view
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); } });
use xtpe :'datefield' inside panel or container
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 }]
Comments
Post a Comment