X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/b37ceabb82336ee82757cd32efe353cfab8ec267..f5240829880f87e0cf581c6a296e436fdef0ef80:/examples/docs/source/CalendarPicker.html?ds=sidebyside diff --git a/examples/docs/source/CalendarPicker.html b/examples/docs/source/CalendarPicker.html new file mode 100644 index 00000000..cc3c9d83 --- /dev/null +++ b/examples/docs/source/CalendarPicker.html @@ -0,0 +1,77 @@ + + + + The source code + + + + + 
/*!
+ * Ext JS Library 3.3.0
+ * Copyright(c) 2006-2010 Ext JS, Inc.
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+
/**
+ * @class Ext.calendar.CalendarPicker
+ * @extends Ext.form.ComboBox
+ * 
A custom combo used for choosing from the list of available calendars to assign an event to.

+ * 
This is pretty much a standard combo that is simply pre-configured for the options needed by the
+ * calendar components. The default configs are as follows:

+    fieldLabel: 'Calendar',
+    valueField: 'CalendarId',
+    displayField: 'Title',
+    triggerAction: 'all',
+    mode: 'local',
+    forceSelection: true,
+    width: 200
+

+ * @constructor
+ * @param {Object} config The config object
+ */
+Ext.calendar.CalendarPicker = Ext.extend(Ext.form.ComboBox, {
+    fieldLabel: 'Calendar',
+    valueField: 'CalendarId',
+    displayField: 'Title',
+    triggerAction: 'all',
+    mode: 'local',
+    forceSelection: true,
+    width: 200,
+
+    // private
+    initComponent: function() {
+        Ext.calendar.CalendarPicker.superclass.initComponent.call(this);
+        this.tpl = this.tpl ||
+        '
 
{' + this.displayField + '}
';
+    },
+
+    // private
+    afterRender: function() {
+        Ext.calendar.CalendarPicker.superclass.afterRender.call(this);
+
+        this.wrap = this.el.up('.x-form-field-wrap');
+        this.wrap.addClass('ext-calendar-picker');
+
+        this.icon = Ext.DomHelper.append(this.wrap, {
+            tag: 'div',
+            cls: 'ext-cal-picker-icon ext-cal-picker-mainicon'
+        });
+    },
+
+    // inherited docs
+    setValue: function(value) {
+        this.wrap.removeClass('ext-color-' + this.getValue());
+        if (!value && this.store !== undefined) {
+            // always default to a valid calendar
+            value = this.store.getAt(0).data.CalendarId;
+        }
+        Ext.calendar.CalendarPicker.superclass.setValue.call(this, value);
+        this.wrap.addClass('ext-color-' + value);
+    }
+});
+
+Ext.reg('calendarpicker', Ext.calendar.CalendarPicker);
+
+ + \ No newline at end of file