You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
112 lines
3.2 KiB
112 lines
3.2 KiB
/** |
|
* @class BI.SelectTreeCombo |
|
* @extends BI.Widget |
|
*/ |
|
BI.SelectTreeCombo = BI.inherit(BI.Widget, { |
|
|
|
_defaultConfig: function () { |
|
return BI.extend(BI.SelectTreeCombo.superclass._defaultConfig.apply(this, arguments), { |
|
baseCls: "bi-select-tree-combo bi-border bi-border-radius", |
|
height: 24, |
|
text: "", |
|
items: [], |
|
value: "", |
|
allowClear: false, |
|
}); |
|
}, |
|
|
|
_init: function () { |
|
var self = this, o = this.options; |
|
o.height -= 2; |
|
BI.isNumeric(o.width) && (o.width -= 2); |
|
BI.SelectTreeCombo.superclass._init.apply(this, arguments); |
|
|
|
this.trigger = BI.createWidget({ |
|
type: "bi.single_tree_trigger", |
|
text: o.text, |
|
height: o.height, |
|
items: o.items, |
|
value: o.value, |
|
allowClear: o.allowClear, |
|
warningTitle: o.warningTitle, |
|
}); |
|
|
|
this.trigger.on(BI.SingleTreeTrigger.EVENT_CLEAR, function () { |
|
self._clear(); |
|
}); |
|
|
|
this.popup = BI.createWidget({ |
|
type: "bi.select_level_tree", |
|
items: o.items, |
|
value: o.value |
|
}); |
|
|
|
this.combo = BI.createWidget({ |
|
type: "bi.combo", |
|
container: o.container, |
|
element: this, |
|
adjustLength: 2, |
|
el: this.trigger, |
|
popup: { |
|
el: this.popup |
|
} |
|
}); |
|
|
|
this.combo.on(BI.Controller.EVENT_CHANGE, function () { |
|
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
|
}); |
|
|
|
this.popup.on(BI.SingleTreePopup.EVENT_CHANGE, function () { |
|
self.setValue(self.popup.getValue()); |
|
self.combo.hideView(); |
|
}); |
|
|
|
if (BI.isKey(o.value)) { |
|
this._checkError(o.value); |
|
} |
|
}, |
|
|
|
_checkError: function (v) { |
|
if (BI.isNull(v) || BI.isEmptyArray(v) || BI.isEmptyString(v)) { |
|
this.trigger.options.tipType = "success"; |
|
this.trigger.element.removeClass("error"); |
|
this.element.removeClass("error"); |
|
} else { |
|
v = BI.isArray(v) ? v : [v]; |
|
var result = BI.find(this.options.items, function (idx, item) { |
|
return BI.contains(v, item.value); |
|
}); |
|
if (BI.isNull(result)) { |
|
this.trigger.setTipType("warning"); |
|
this.element.removeClass("error").addClass("error"); |
|
this.trigger.element.removeClass("error").addClass("error"); |
|
} else { |
|
this.trigger.setTipType("success"); |
|
this.trigger.element.removeClass("error"); |
|
this.element.removeClass("error"); |
|
} |
|
} |
|
}, |
|
|
|
_clear: function () { |
|
this.setValue([]); |
|
}, |
|
|
|
setValue: function (v) { |
|
v = BI.isArray(v) ? v : [v]; |
|
this.trigger.setValue(v); |
|
this.popup.setValue(v); |
|
this._checkError(v); |
|
}, |
|
|
|
getValue: function () { |
|
return this.popup.getValue(); |
|
}, |
|
|
|
populate: function (items) { |
|
this.combo.populate(items); |
|
} |
|
}); |
|
|
|
|
|
BI.shortcut("bi.select_tree_combo", BI.SelectTreeCombo);
|
|
|