]>
Commit | Line | Data |
---|---|---|
947f0963 TL |
1 | Ext.define('Neptune.view.combination.FormWithTabs', { |
2 | extend: 'Ext.container.Container', | |
3 | xtype: 'formWithTabs', | |
4 | id: 'formWithTabs', | |
5 | items: [{ | |
6 | xtype: 'form', | |
7 | title: 'Form with Inner Tabs', | |
8 | collapsible: true, | |
9 | bodyPadding: 5, | |
10 | width: 600, | |
11 | fieldDefaults: { | |
12 | labelAlign: 'top', | |
13 | msgTarget: 'side' | |
14 | }, | |
15 | defaults: { | |
16 | anchor: '100%' | |
17 | }, | |
18 | ||
19 | items: [{ | |
20 | xtype: 'container', | |
21 | layout: 'hbox', | |
22 | items: [{ | |
23 | xtype: 'container', | |
24 | flex: 1, | |
25 | border: false, | |
26 | layout: 'anchor', | |
27 | defaultType: 'textfield', | |
28 | items: [{ | |
29 | fieldLabel: 'First Name', | |
30 | allowBlank: false, | |
31 | name: 'first', | |
32 | anchor: '95%' | |
33 | }, { | |
34 | fieldLabel: 'Company', | |
35 | name: 'company', | |
36 | anchor: '95%' | |
37 | }] | |
38 | }, { | |
39 | xtype: 'container', | |
40 | flex: 1, | |
41 | layout: 'anchor', | |
42 | defaultType: 'textfield', | |
43 | items: [{ | |
44 | fieldLabel: 'Last Name', | |
45 | allowBlank: false, | |
46 | name: 'last', | |
47 | anchor: '95%' | |
48 | }, { | |
49 | fieldLabel: 'Email', | |
50 | allowBlank: false, | |
51 | name: 'email', | |
52 | vtype: 'email', | |
53 | anchor: '95%' | |
54 | }] | |
55 | }] | |
56 | }, { | |
57 | xtype: 'tabpanel', | |
58 | plain: true, | |
59 | activeTab: 0, | |
60 | height: 235, | |
61 | defaults: { | |
62 | bodyPadding: 10 | |
63 | }, | |
64 | items: [{ | |
65 | title: 'Personal Details', | |
66 | defaults: { | |
67 | width: 230 | |
68 | }, | |
69 | defaultType: 'textfield', | |
70 | ||
71 | items: [{ | |
72 | fieldLabel: 'First Name', | |
73 | name: 'first', | |
74 | value: 'Jamie' | |
75 | }, { | |
76 | fieldLabel: 'Last Name', | |
77 | name: 'last', | |
78 | value: 'Avins' | |
79 | }, { | |
80 | fieldLabel: 'Company', | |
81 | name: 'company', | |
82 | value: 'Ext JS' | |
83 | }, { | |
84 | fieldLabel: 'Email', | |
85 | name: 'email', | |
86 | vtype: 'email' | |
87 | }] | |
88 | }, { | |
89 | title: 'Phone Numbers', | |
90 | defaults: { | |
91 | width: 230 | |
92 | }, | |
93 | defaultType: 'textfield', | |
94 | ||
95 | items: [{ | |
96 | fieldLabel: 'Home', | |
97 | name: 'home', | |
98 | value: '(888) 555-1212' | |
99 | }, { | |
100 | fieldLabel: 'Business', | |
101 | name: 'business' | |
102 | }, { | |
103 | fieldLabel: 'Mobile', | |
104 | name: 'mobile' | |
105 | }, { | |
106 | fieldLabel: 'Fax', | |
107 | name: 'fax' | |
108 | }] | |
109 | }, { | |
110 | cls: 'x-plain', | |
111 | title: 'Biography', | |
112 | layout: 'fit', | |
113 | items: { | |
114 | xtype: 'htmleditor', | |
115 | name: 'bio2', | |
116 | fieldLabel: 'Biography' | |
117 | } | |
118 | }] | |
119 | }], | |
120 | ||
121 | buttons: [ | |
122 | { text: 'Save' }, | |
123 | { text: 'Cancel' } | |
124 | ] | |
125 | }] | |
126 | }); |