3 * Copyright(c) 2006-2010 Sencha Inc.
5 * http://www.sencha.com/license
8 * This is an internal helper class for the calendar views and should not be overridden.
9 * It is responsible for the base event rendering logic underlying all of the calendar views.
11 Ext.calendar.WeekEventRenderer = function() {
13 var getEventRow = function(id, week, index) {
15 //skip row with date #'s
17 wkRow = Ext.get(id + '-wk-' + week);
19 var table = wkRow.child('.ext-cal-evt-tbl', true);
20 evtRow = table.tBodies[0].childNodes[index + indexOffset];
22 evtRow = Ext.DomHelper.append(table.tBodies[0], '<tr></tr>');
25 return Ext.get(evtRow);
32 dt = o.viewStart.clone(),
34 max = o.maxEventsPerDay != undefined ? o.maxEventsPerDay: 999,
35 weekCount = o.weekCount < 1 ? 6: o.weekCount,
36 dayCount = o.weekCount == 1 ? o.dayCount: 7,
39 for (; w < weekCount; w++) {
40 if (!grid[w] || grid[w].length == 0) {
41 // no events or span cells for the entire week
43 row = getEventRow(o.id, w, 0);
47 id: o.id + '-empty-0-day-' + dt.format('Ymd'),
51 cellCfg.colspan = dayCount;
53 Ext.DomHelper.append(row, cellCfg);
55 dt = dt.add(Date.DAY, 7);
60 startOfWeek = dt.clone(),
61 endOfWeek = startOfWeek.add(Date.DAY, dayCount).add(Date.MILLI, -1);
63 for (; d < dayCount; d++) {
65 var ev = emptyCells = skipped = 0,
70 for (; ev < ct; ev++) {
75 if (emptyCells > 0 && ev - emptyCells < max) {
76 row = getEventRow(o.id, w, ev - emptyCells);
80 id: o.id + '-empty-' + ct + '-day-' + dt.format('Ymd')
82 if (emptyCells > 1 && max - ev > emptyCells) {
83 cellCfg.rowspan = Math.min(emptyCells, max - ev);
85 Ext.DomHelper.append(row, cellCfg);
95 if (!evt.isSpan || evt.isSpanStart) {
96 //skip non-starting span cells
97 var item = evt.data || evt.event.data;
99 item._renderAsAllDay = item[Ext.calendar.EventMappings.IsAllDay.name] || evt.isSpanStart;
100 item.spanLeft = item[Ext.calendar.EventMappings.StartDate.name].getTime() < startOfWeek.getTime();
101 item.spanRight = item[Ext.calendar.EventMappings.EndDate.name].getTime() > endOfWeek.getTime();
102 item.spanCls = (item.spanLeft ? (item.spanRight ? 'ext-cal-ev-spanboth':
103 'ext-cal-ev-spanleft') : (item.spanRight ? 'ext-cal-ev-spanright': ''));
105 row = getEventRow(o.id, w, ev);
109 cn: eventTpl.apply(o.templateDataFn(item))
111 var diff = Ext.calendar.Date.diffDays(dt, item[Ext.calendar.EventMappings.EndDate.name]) + 1,
112 cspan = Math.min(diff, dayCount - d);
115 cellCfg.colspan = cspan;
117 Ext.DomHelper.append(row, cellCfg);
121 row = getEventRow(o.id, w, max);
122 Ext.DomHelper.append(row, {
124 cls: 'ext-cal-ev-more',
125 id: 'ext-cal-ev-more-' + dt.format('Ymd'),
128 html: '+' + skipped + ' more...'
132 if (ct < o.evtMaxCount[w]) {
133 row = getEventRow(o.id, w, ct);
138 id: o.id + '-empty-' + (ct + 1) + '-day-' + dt.format('Ymd')
140 var rowspan = o.evtMaxCount[w] - ct;
142 cellCfg.rowspan = rowspan;
144 Ext.DomHelper.append(row, cellCfg);
148 row = getEventRow(o.id, w, 0);
153 id: o.id + '-empty-day-' + dt.format('Ymd')
155 if (o.evtMaxCount[w] > 1) {
156 cellCfg.rowSpan = o.evtMaxCount[w];
158 Ext.DomHelper.append(row, cellCfg);
161 dt = dt.add(Date.DAY, 1);