git.ithinksw.org / extjs.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Upgrade to ExtJS 3.1.0 - Released 12/16/2009
[extjs.git] / examples / test-case-2b / resources / form-configs.js
diff --git a/examples/test-case-2b/resources/form-configs.js b/examples/test-case-2b/resources/form-configs.js
new file mode 100644 (file)
index 0000000..8c9d418
--- /dev/null
+++ b/examples/test-case-2b/resources/form-configs.js
@@ -0,0 +1,426 @@
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+/*!
+ * Ext JS Library 3.1.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+
+//var doLayout = Ext.Container.prototype.doLayout;
+// Ext.override(Ext.Container, {
+//     doLayout: function() {
+//         doLayout.apply(this, arguments);
+//         console.log(this.id, this.ownerCt && this.ownerCt.id, this.ownerCt && this.ownerCt.items.getCount());
+//     }
+// })
+
+
+// For forms, use xtype: 'panel', layout: 'form'.
+// IE 6 is not always able to free the form tag element
+// if using xtype: 'form'.
+
+// There are 2 form configs -- will use (mod 2) to pick one.
+
+var formConfigs = [{
+   //
+   // -- form config 1
+   //
+   xtype: 'form',
+   labelWidth: 75,
+   url: 'save-form.php',
+   frame: true,
+   baseCls: 'x-bubble',
+   width: 680,
+   autoHeight: true,
+   bodyStyle: { 'padding': '5px 7px 0px 7px' },
+   items: [{
+      xtype: 'fieldset',
+      collapsible: true,
+      title: 'User Information',
+      autoHeight: true,
+      autoWidth: true,
+      defaultType: 'textfield',
+      collapsed: true,
+      items :[{
+         fieldLabel: 'First Name',
+         name: 'first',
+         allowBlank: false
+      },{
+         fieldLabel: 'Last Name',
+         name: 'last'
+      },{
+         fieldLabel: 'Company',
+         name: 'company'
+      }, {
+         fieldLabel: 'Email',
+         name: 'email',
+         vtype: 'email'
+      }]
+   },{
+      xtype:'fieldset',
+      title: 'Phone Number',
+      collapsible: true,
+      autoHeight: true,
+      autoWidth: true,
+      defaultType: 'textfield',
+      items :[{
+         fieldLabel: 'Home',
+         name: 'home',
+         value: '(888) 555-1212'
+      },{
+         fieldLabel: 'Business',
+         name: 'business'
+      },{
+         fieldLabel: 'Mobile',
+         name: 'mobile'
+      },{
+         fieldLabel: 'Fax',
+         name: 'fax'
+      }]
+   },{
+      xtype: 'panel',
+      unstyled: true,
+      buttonAlign: 'center',
+      buttons: [{
+         text: 'Save',
+         scale: 'medium',
+         scope: this
+      },{
+         text: 'Cancel',
+         scale: 'medium',
+         scope: this
+      }]
+   }]
+},{
+   //
+   // -- form config 2
+   //
+   xtype: 'panel',
+   frame: true,
+   baseCls: 'x-bubble',
+   border: false,
+   width: 680,
+   autoHeight: true,
+   bodyStyle: { 'padding': '5px 7px 0px 7px' },
+  
+   items: [{ 
+      layout: 'column',
+      border: false,
+      autoHeight: true,
+      autoWidth: true,
+      bodyStyle: 'padding-bottom: 6px',
+      defaults: { layout: 'fit' },
+      items: [{
+         columnWidth: .5,
+         layout: 'form',
+         labelAlign: 'top',
+         border: false,
+         items: [{
+            xtype: 'textfield',
+            fieldLabel: 'First Name',
+            name: 'first',
+            anchor: '94%' 
+         }, { 
+            xtype: 'textfield',
+            fieldLabel: 'Company',
+            name: 'company',
+            anchor: '94%' 
+         }]   
+      },{     
+         columnWidth: .5,
+         layout: 'form',
+         labelAlign: 'top',
+         border: false,
+         items: [{
+            xtype: 'textfield',
+            fieldLabel: 'Last Name',
+            name: 'last',
+            anchor: '94%'
+         },{
+            xtype: 'textfield',
+            fieldLabel: 'Email',
+            name: 'email',
+            vtype: 'email',
+            anchor: '94%'
+         }]
+      }]
+   },{
+      xtype: 'tabpanel',
+      plain: true,
+      activeTab: 0,
+      height: 200,
+      bodyStyle: 'margin-bottom: 10px',
+      deferredRender: false,
+      defaults: {
+         autoWidth: true,
+         layout: 'fit',
+         bodyStyle: 'padding: 10px'
+      },
+      items:[{
+         title: 'Phone Numbers',
+         layout: 'form',
+         defaults: {width: 230},
+         defaultType: 'textfield',
+
+         items: [{
+            fieldLabel: 'Home',
+            name: 'home'
+         },{
+            fieldLabel: 'Business',
+            name: 'business',
+            value: '(888) 555-1212'
+         },{
+            fieldLabel: 'Mobile',
+            name: 'mobile'
+         },{
+            fieldLabel: 'Fax',
+            name: 'fax'
+         }]
+      },{
+         cls: 'x-plain',
+         title: 'Biography',
+         layout: 'fit',
+         bodyStyle: 'padding:8px',
+         items: {
+            xtype: 'htmleditor',
+            name: 'bio2',
+            fieldLabel: 'Biography'
+         }
+      }]
+   },{
+      xtype: 'panel',
+      unstyled: true,
+      buttonAlign: 'center',
+      buttons: [{
+         text: 'Save',
+         scale: 'medium',
+         scope: this
+      },{
+         text: 'Cancel',
+         scale: 'medium',
+         scope: this
+      }]
+   }]
+}];
+
Mirror of ExtJS by Sencha Inc. <http://www.sencha.com/>.