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>