07f9734b3e1b69128a6f848cebc5dbce8953f31e
[tine20] / tine20 / Tinebase / js / widgets / form / RecordsPickerCombo.js
1 /*
2  * Tine 2.0
3  *
4  * @license     http://www.gnu.org/licenses/agpl.html AGPL Version 3
5  * @author      Philipp Schüle <p.schuele@metaways.de>
6  * @copyright   Copyright (c) 2016 Metaways Infosystems GmbH (http://www.metaways.de)
7  *
8  */
9 Ext.ns('Tine.Tinebase.widgets.form');
10
11 /**
12  * config grid panel
13  *
14  * @namespace   Tine.Tinebase.widgets.form
15  * @class       Tine.Tinebase.widgets.form.RecordsPickerCombo
16  * @extends     Tine.widgets.grid.LayerCombo
17  */
18 Tine.Tinebase.widgets.form.RecordsPickerCombo = Ext.extend(Ext.ux.form.LayerCombo, {
19
20     hideButtons: false,
21     layerAlign: 'tr-br?',
22     minLayerWidth: 400,
23     layerHeight: 300,
24     allowBlur: true,
25
26     lazyInit: true,
27
28     formConfig: {
29         labelAlign: 'left',
30         labelWidth: 30
31     },
32
33     pickerGrid: null,
34     inEditor: true,
35     recordClass: null,
36
37     initComponent: function () {
38         this.emptyText = this.emptyText || i18n._('Search for records ...')
39
40         Tine.Tinebase.widgets.form.RecordsPickerCombo.superclass.initComponent.call(this);
41         this.store = new Ext.data.SimpleStore({
42             fields: this.recordClass
43         });
44
45         this.on('beforecollapse', this.onBeforeCollapse, this);
46     },
47
48     getItems: function () {
49         this.pickerGrid = new Tine.widgets.grid.PickerGridPanel({
50             recordClass: this.recordClass,
51             height: this.layerHeight - 40 || 'auto',
52             onStoreChange: Ext.emptyFn,
53             store: this.store
54         });
55
56         return [this.pickerGrid];
57     },
58
59     /**
60      * cancel collapse if ctx menu is shown
61      */
62     onBeforeCollapse: function () {
63         return this.pickerGrid
64             && (!this.pickerGrid.contextMenu || this.pickerGrid.contextMenu.hidden)
65             && !this.pickerGrid.editing;
66     },
67
68     /**
69      * @param {String} value
70      * @return {Ext.form.Field} this
71      */
72     setValue: function (value) {
73         var _ = window.lodash;
74
75         value = value || [];
76         this.setStoreFromArray(value);
77         if (this.rendered) {
78             var titles = _.reduce(this.store.data.items, function(result, record) {
79                 return result.concat(record.getTitle());
80             }, []);
81             this.setRawValue(titles.join(', ') || this.emptyText);
82         }
83         this.currentValue = value;
84
85         // to string overwrite, to make sure record is changed.
86         Tine.Tinebase.common.assertComparable(this.currentValue);
87         return this;
88     },
89
90     afterRender: function () {
91
92         Tine.Tinebase.widgets.form.RecordsPickerCombo.superclass.afterRender.apply(this, arguments);
93         if (this.currentValue) {
94             this.setValue(this.currentValue);
95         }
96     },
97     /**
98      * sets values to innerForm (grid)
99      */
100     setFormValue: function (value) {
101         if (!value) {
102             value = [];
103         }
104
105         this.setStoreFromArray(value);
106     },
107
108     /**
109      * retrieves values from grid
110      *
111      * @returns {*|Array}
112      */
113     getFormValue: function () {
114         return this.getFromStoreAsArray();
115     },
116
117     /**
118      * get values from store (as array)
119      *
120      * @param {Array}
121      *
122      */
123     setStoreFromArray: function(data) {
124         data = data || [];
125         //this.pickerGrid.getStore().clearData();
126         this.store.removeAll();
127
128         for (var i = data.length-1; i >=0; --i) {
129             var recordData = data[i],
130                 newRecord = new this.recordClass(recordData);
131             this.store.insert(0, newRecord);
132         }
133     },
134
135     /**
136      * get values from store (as array)
137      *
138      * @return {Array}
139      *
140      */
141     getFromStoreAsArray: function() {
142         var result = [];
143         this.store.each(function(record) {
144             result.push(record.data);
145         }, this);
146
147         return result;
148     }
149 });
150
151 Ext.reg('tinerecordspickercombobox', Tine.Tinebase.widgets.form.RecordsPickerCombo);