]>
Commit | Line | Data |
---|---|---|
6527f429 DM |
1 | /**\r |
2 | * Demonstrates a simple contact form.\r | |
3 | */\r | |
4 | Ext.define('KitchenSink.view.form.MultiColumn', {\r | |
5 | extend: 'Ext.form.Panel',\r | |
6 | xtype: 'form-multicolumn',\r | |
7 | \r | |
8 | //<example>\r | |
9 | exampleTitle: 'Multi Column Form',\r | |
10 | profiles: {\r | |
11 | classic: {\r | |
12 | width: 520\r | |
13 | },\r | |
14 | gray: {\r | |
15 | width: 520\r | |
16 | },\r | |
17 | neptune: {\r | |
18 | width: 590\r | |
19 | },\r | |
20 | 'neptune-touch': {\r | |
21 | width: 700\r | |
22 | }\r | |
23 | },\r | |
24 | //</example>\r | |
25 | \r | |
26 | title: 'Multi Column Form',\r | |
27 | frame: true,\r | |
28 | resizable: true,\r | |
29 | minHeight: 200,\r | |
30 | \r | |
31 | layout: 'column',\r | |
32 | \r | |
33 | defaults: {\r | |
34 | layout: 'form',\r | |
35 | xtype: 'container',\r | |
36 | defaultType: 'textfield',\r | |
37 | style: 'width: 50%'\r | |
38 | },\r | |
39 | \r | |
40 | items: [{\r | |
41 | items: [\r | |
42 | { fieldLabel: 'First Name' },\r | |
43 | { fieldLabel: 'Last Name' },\r | |
44 | { fieldLabel: 'Phone Number' },\r | |
45 | { fieldLabel: 'Email Address' }\r | |
46 | ]\r | |
47 | }, {\r | |
48 | items: [\r | |
49 | { fieldLabel: 'Street Address 1' },\r | |
50 | { fieldLabel: 'Street Address 2' },\r | |
51 | { fieldLabel: 'City, State' },\r | |
52 | { fieldLabel: 'ZIP code' }\r | |
53 | ]\r | |
54 | }],\r | |
55 | \r | |
56 | buttons: [\r | |
57 | { text: 'OK' },\r | |
58 | { text: 'Cancel' }\r | |
59 | ],\r | |
60 | \r | |
61 | initComponent: function() {\r | |
62 | this.width = this.profileInfo.width;\r | |
63 | this.minWidth = this.profileInfo.width;\r | |
64 | this.callParent();\r | |
65 | }\r | |
66 | });\r |