|
|
|
/**
|
|
|
|
* @class BI.TextValueDownListCombo
|
|
|
|
* @extend BI.Widget
|
|
|
|
*/
|
|
|
|
BI.TextValueDownListCombo = BI.inherit(BI.Widget, {
|
|
|
|
_defaultConfig: function (config) {
|
|
|
|
return BI.extend(BI.TextValueDownListCombo.superclass._defaultConfig.apply(this, arguments), {
|
|
|
|
baseCls: "bi-text-value-down-list-combo " + (config.simple ? "bi-border-bottom" : "bi-border"),
|
|
|
|
height: 24,
|
|
|
|
});
|
|
|
|
},
|
|
|
|
|
|
|
|
_init: function () {
|
|
|
|
var self = this, o = this.options;
|
|
|
|
BI.TextValueDownListCombo.superclass._init.apply(this, arguments);
|
|
|
|
this._createValueMap();
|
|
|
|
|
|
|
|
var value;
|
|
|
|
if(BI.isNotNull(o.value)) {
|
|
|
|
value = this._digest(o.value);
|
|
|
|
}
|
|
|
|
this.trigger = BI.createWidget({
|
|
|
|
type: "bi.down_list_select_text_trigger",
|
|
|
|
cls: "text-value-down-list-trigger",
|
|
|
|
height: BI.pixFormat(o.height, 2),
|
|
|
|
items: o.items,
|
|
|
|
text: o.text,
|
|
|
|
value: value
|
|
|
|
});
|
|
|
|
|
|
|
|
this.combo = BI.createWidget({
|
|
|
|
type: "bi.down_list_combo",
|
|
|
|
element: this,
|
|
|
|
chooseType: BI.Selection.Single,
|
|
|
|
adjustLength: 2,
|
|
|
|
width: BI.pixFormat(o.width, 2),
|
|
|
|
height: BI.pixFormat(o.height, 2),
|
|
|
|
el: this.trigger,
|
|
|
|
value: BI.isNull(value) ? [] : [value],
|
|
|
|
items: BI.deepClone(o.items)
|
|
|
|
});
|
|
|
|
|
|
|
|
this.combo.on(BI.DownListCombo.EVENT_CHANGE, function () {
|
|
|
|
var currentVal = self.combo.getValue()[0].value;
|
|
|
|
if (currentVal !== self.value) {
|
|
|
|
self.setValue(currentVal);
|
|
|
|
self.fireEvent(BI.TextValueDownListCombo.EVENT_CHANGE);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
this.combo.on(BI.DownListCombo.EVENT_SON_VALUE_CHANGE, function () {
|
|
|
|
var currentVal = self.combo.getValue()[0].childValue;
|
|
|
|
if (currentVal !== self.value) {
|
|
|
|
self.setValue(currentVal);
|
|
|
|
self.fireEvent(BI.TextValueDownListCombo.EVENT_CHANGE);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
},
|
|
|
|
|
|
|
|
_createValueMap: function () {
|
|
|
|
var self = this;
|
|
|
|
this.valueMap = {};
|
|
|
|
BI.each(BI.flatten(this.options.items), function (idx, item) {
|
|
|
|
if (BI.has(item, "el")) {
|
|
|
|
BI.each(item.children, function (id, it) {
|
|
|
|
self.valueMap[it.value] = {value: item.el.value, childValue: it.value};
|
|
|
|
});
|
|
|
|
} else {
|
|
|
|
self.valueMap[item.value] = {value: item.value};
|
|
|
|
}
|
|
|
|
});
|
|
|
|
},
|
|
|
|
|
|
|
|
_digest: function (v) {
|
|
|
|
this.value = v;
|
|
|
|
return this.valueMap[v];
|
|
|
|
},
|
|
|
|
|
|
|
|
setValue: function (v) {
|
|
|
|
v = this._digest(v);
|
|
|
|
this.combo.setValue([v]);
|
|
|
|
this.trigger.setValue(v);
|
|
|
|
},
|
|
|
|
|
|
|
|
getValue: function () {
|
|
|
|
var v = this.combo.getValue()[0];
|
|
|
|
return [v.childValue || v.value];
|
|
|
|
},
|
|
|
|
|
|
|
|
populate: function (items) {
|
|
|
|
this.options.items = BI.flatten(items);
|
|
|
|
this.combo.populate(items);
|
|
|
|
this._createValueMap();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
BI.TextValueDownListCombo.EVENT_CHANGE = "EVENT_CHANGE";
|
|
|
|
BI.shortcut("bi.text_value_down_list_combo", BI.TextValueDownListCombo);
|