X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/f5240829880f87e0cf581c6a296e436fdef0ef80..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/examples/calendar/src/views/MonthDayDetailView.js diff --git a/examples/calendar/src/views/MonthDayDetailView.js b/examples/calendar/src/views/MonthDayDetailView.js deleted file mode 100644 index 760308a1..00000000 --- a/examples/calendar/src/views/MonthDayDetailView.js +++ /dev/null @@ -1,111 +0,0 @@ -/*! - * Ext JS Library 3.3.0 - * Copyright(c) 2006-2010 Ext JS, Inc. - * licensing@extjs.com - * http://www.extjs.com/license - */ -/* - * This is the view used internally by the panel that displays overflow events in the - * month view. Anytime a day cell cannot display all of its events, it automatically displays - * a link at the bottom to view all events for that day. When clicked, a panel pops up that - * uses this view to display the events for that day. - */ -Ext.calendar.MonthDayDetailView = Ext.extend(Ext.BoxComponent, { - initComponent: function() { - Ext.calendar.CalendarView.superclass.initComponent.call(this); - - this.addEvents({ - eventsrendered: true - }); - - if (!this.el) { - this.el = document.createElement('div'); - } - }, - - afterRender: function() { - this.tpl = this.getTemplate(); - - Ext.calendar.MonthDayDetailView.superclass.afterRender.call(this); - - this.el.on({ - 'click': this.view.onClick, - 'mouseover': this.view.onMouseOver, - 'mouseout': this.view.onMouseOut, - scope: this.view - }); - }, - - getTemplate: function() { - if (!this.tpl) { - this.tpl = new Ext.XTemplate( - '
', - '', - '', - '', - '', - '', - '', - '
{markup}
', - '
' - ); - } - this.tpl.compile(); - return this.tpl; - }, - - update: function(dt) { - this.date = dt; - this.refresh(); - }, - - refresh: function() { - if (!this.rendered) { - return; - } - var eventTpl = this.view.getEventTemplate(), - - templateData = []; - - evts = this.store.queryBy(function(rec) { - var thisDt = this.date.clearTime(true).getTime(), - recStart = rec.data[Ext.calendar.EventMappings.StartDate.name].clearTime(true).getTime(), - startsOnDate = (thisDt == recStart), - spansDate = false; - - if (!startsOnDate) { - var recEnd = rec.data[Ext.calendar.EventMappings.EndDate.name].clearTime(true).getTime(); - spansDate = recStart < thisDt && recEnd >= thisDt; - } - return startsOnDate || spansDate; - }, - this); - - evts.each(function(evt) { - var item = evt.data, - M = Ext.calendar.EventMappings; - - item._renderAsAllDay = item[M.IsAllDay.name] || Ext.calendar.Date.diffDays(item[M.StartDate.name], item[M.EndDate.name]) > 0; - item.spanLeft = Ext.calendar.Date.diffDays(item[M.StartDate.name], this.date) > 0; - item.spanRight = Ext.calendar.Date.diffDays(this.date, item[M.EndDate.name]) > 0; - item.spanCls = (item.spanLeft ? (item.spanRight ? 'ext-cal-ev-spanboth': - 'ext-cal-ev-spanleft') : (item.spanRight ? 'ext-cal-ev-spanright': '')); - - templateData.push({ - markup: eventTpl.apply(this.getTemplateEventData(item)) - }); - }, - this); - - this.tpl.overwrite(this.el, templateData); - this.fireEvent('eventsrendered', this, this.date, evts.getCount()); - }, - - getTemplateEventData: function(evt) { - var data = this.view.getTemplateEventData(evt); - data._elId = 'dtl-' + data._elId; - return data; - } -}); - -Ext.reg('monthdaydetailview', Ext.calendar.MonthDayDetailView);