/**
|
@name Edo.controls.MultiCombo
|
@class
|
@typeName MultiCombo
|
@description 多选框下拉框
|
@extend Edo.controls.Trigger
|
@example
|
*/
|
Edo.controls.MultiCombo = function(){
|
|
Edo.controls.MultiCombo.superclass.constructor.call(this);
|
};
|
Edo.controls.MultiCombo.extend(Edo.controls.Trigger,{
|
tableConfig: null,
|
|
data: null,
|
|
valueField: 'id',
|
displayText: '名称',
|
displayField: 'text',
|
valueField: 'text',
|
delimiter: ',',
|
|
triggerPopup: true,
|
readOnly: true,
|
|
multiSelect: true,
|
// _setValue: function(values){
|
// this.table.setValue(vs);
|
// },
|
setValue: function(vv){
|
this.table.setValue(vv);
|
},
|
getValue: function(){
|
|
return this.table.getValue();
|
},
|
|
viewText: function(){
|
var texts = [];
|
|
var selecteds = this.table.getSelecteds();
|
selecteds.each(function(o){
|
texts.add(o[this.displayField]);
|
}, this);
|
this._setText(texts.join(this.delimiter));
|
},
|
|
_setData: function(data){
|
if(typeof data === 'string') data = window[data];
|
if(!data) return;
|
if(!data.dataTable) data = new Edo.data.DataTable(data || []);
|
|
this.data = data;
|
|
if(this.table) this.table.set('data', data);
|
|
this.changeProperty('data', data);
|
},
|
|
onselectionchange: function(e){
|
this.selectionchanged = true;
|
this.viewText();
|
},
|
init: function(){
|
Edo.controls.MultiCombo.superclass.init.a(this, arguments);
|
|
if(!this.table){
|
this.table = Edo.create(Edo.apply({
|
type: 'multiselect',
|
style: 'border:0',
|
width: '100%',
|
height: '100%',
|
autoHeight: true,
|
multiSelect: this.multiSelect,
|
minHeight: 80,
|
maxHeight: 250,
|
displayText: this.displayText,
|
displayField: this.displayField,
|
valueField: this.valueField,
|
delimiter: this.delimiter,
|
onselectionchange: this.onselectionchange.bind(this)
|
}, this.tableConfig));
|
}
|
this.table.set('data', this.data);
|
},
|
showPopup: function(){
|
Edo.controls.MultiCombo.superclass.showPopup.a(this, arguments);
|
|
if(!this.table.parent){
|
this.popupCt.addChild(this.table);
|
}
|
var sels = this.table.getSelecteds().clone();
|
this.table.set('data', this.data);
|
this.table.selectRange(sels);
|
},
|
hidePopup: function(){
|
Edo.controls.MultiCombo.superclass.hidePopup.a(this, arguments);
|
|
if(this.selectionchanged){
|
this.fireEvent('selectionchange', {
|
type: 'selectionchange',
|
source: this
|
});
|
}
|
this.selectionchanged = false;
|
}
|
});
|
|
Edo.controls.MultiCombo.regType('multicombo');
|
