Upgrade to ExtJS 3.3.1 - Released 11/30/2010
[extjs.git] / examples / docs / source / DayViewTemplate.html
1 <html>
2 <head>
3   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
4   <title>The source code</title>
5     <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
6     <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
7 </head>
8 <body  onload="prettyPrint();">
9     <pre class="prettyprint lang-js">/*!
10  * Ext JS Library 3.3.1
11  * Copyright(c) 2006-2010 Sencha Inc.
12  * licensing@sencha.com
13  * http://www.sencha.com/license
14  */
15 <div id="cls-Ext.calendar.DayViewTemplate"></div>/**
16  * @class Ext.calendar.DayViewTemplate
17  * @extends Ext.XTemplate
18  * <p>This is the template used to render the all-day event container used in {@link Ext.calendar.DayView DayView} and 
19  * {@link Ext.calendar.WeekView WeekView}. Internally this class simply defers to instances of {@link Ext.calerndar.DayHeaderTemplate}
20  * and  {@link Ext.calerndar.DayBodyTemplate} to perform the actual rendering logic, but it also provides the overall calendar view
21  * container that contains them both.  As such this is the template that should be used when rendering day or week views.</p> 
22  * <p>This template is automatically bound to the underlying event store by the 
23  * calendar components and expects records of type {@link Ext.calendar.EventRecord}.</p>
24  * @constructor
25  * @param {Object} config The config object
26  */
27 Ext.calendar.DayViewTemplate = function(config){
28     
29     Ext.apply(this, config);
30     
31     this.headerTpl = new Ext.calendar.DayHeaderTemplate(config);
32     this.headerTpl.compile();
33     
34     this.bodyTpl = new Ext.calendar.DayBodyTemplate(config);
35     this.bodyTpl.compile();
36     
37     Ext.calendar.DayViewTemplate.superclass.constructor.call(this,
38         '<div class="ext-cal-inner-ct">',
39             '{headerTpl}',
40             '{bodyTpl}',
41         '</div>'
42     );
43 };
44
45 Ext.extend(Ext.calendar.DayViewTemplate, Ext.XTemplate, {
46     // private
47     applyTemplate : function(o){
48         return Ext.calendar.DayViewTemplate.superclass.applyTemplate.call(this, {
49             headerTpl: this.headerTpl.apply(o),
50             bodyTpl: this.bodyTpl.apply(o)
51         });
52     }
53 });
54
55 Ext.calendar.DayViewTemplate.prototype.apply = Ext.calendar.DayViewTemplate.prototype.applyTemplate;
56 </pre>    
57 </body>
58 </html>