]>
Commit | Line | Data |
---|---|---|
aff192e6 DM |
1 | Ext.define('PVE.panel.InputPanel', { |
2 | extend: 'Ext.panel.Panel', | |
aff192e6 DM |
3 | alias: ['widget.inputpanel'], |
4 | ||
5 | border: false, | |
6 | ||
7 | // overwrite this to modify submit data | |
8 | onGetValues: function(values) { | |
9 | return values; | |
10 | }, | |
11 | ||
12 | getValues: function(dirtyOnly) { | |
13 | var me = this; | |
14 | ||
15 | if (Ext.isFunction(me.onGetValues)) { | |
16 | dirtyOnly = false; | |
17 | } | |
18 | ||
19 | var values = {}; | |
20 | ||
21 | Ext.Array.each(me.query('[isFormField]'), function(field) { | |
22 | if (!dirtyOnly || field.isDirty()) { | |
23 | PVE.Utils.assemble_field_data(values, field.getSubmitData()); | |
24 | } | |
25 | }); | |
26 | ||
27 | return me.onGetValues(values); | |
28 | }, | |
29 | ||
30 | setValues: function(values) { | |
31 | var me = this; | |
32 | ||
33 | var form = me.up('form'); | |
34 | ||
35 | Ext.iterate(values, function(fieldId, val) { | |
36 | var field = me.query('[isFormField][name=' + fieldId + ']')[0]; | |
37 | if (field) { | |
38 | field.setValue(val); | |
39 | if (form.trackResetOnLoad) { | |
40 | field.resetOriginalValue(); | |
41 | } | |
42 | } | |
43 | }); | |
44 | }, | |
45 | ||
46 | initComponent: function() { | |
47 | var me = this; | |
48 | ||
49 | var items; | |
50 | ||
51 | if (me.items) { | |
52 | me.columns = 1; | |
53 | items = [ | |
54 | { | |
55 | columnWidth: 1, | |
56 | layout: 'anchor', | |
57 | items: me.items | |
58 | } | |
59 | ]; | |
60 | me.items = undefined; | |
61 | } else if (me.column1) { | |
62 | me.columns = 2; | |
63 | items = [ | |
64 | { | |
65 | columnWidth: 0.5, | |
66 | padding: '0 10 0 0', | |
67 | layout: 'anchor', | |
68 | items: me.column1 | |
69 | }, | |
70 | { | |
71 | columnWidth: 0.5, | |
72 | padding: '0 0 0 10', | |
73 | layout: 'anchor', | |
74 | items: me.column2 || [] // allow empty column | |
75 | } | |
76 | ]; | |
0590a0d2 DM |
77 | if (me.columnB) { |
78 | items.push({ | |
79 | columnWidth: 1, | |
80 | padding: '10 0 0 0', | |
81 | layout: 'anchor', | |
82 | items: me.columnB | |
83 | }); | |
84 | } | |
aff192e6 DM |
85 | } else { |
86 | throw "unsupported config"; | |
87 | } | |
88 | ||
89 | if (me.useFieldContainer) { | |
90 | Ext.apply(me, { | |
91 | layout: 'fit', | |
92 | items: Ext.apply(me.useFieldContainer, { | |
93 | layout: 'column', | |
94 | defaultType: 'container', | |
95 | items: items | |
96 | }) | |
97 | }); | |
98 | } else { | |
99 | Ext.apply(me, { | |
100 | layout: 'column', | |
101 | defaultType: 'container', | |
102 | items: items | |
103 | }); | |
104 | } | |
105 | ||
106 | me.callParent(); | |
107 | } | |
108 | }); |