fineui/src/case/combo/searchtextvaluecombo/combo.searchtextvalue.js

/**
 * Created by Windy on 2018/2/2.
 */
BI.SearchTextValueCombo = BI.inherit(BI.Widget, {

    props: {
        baseCls: "bi-search-text-value-combo",
        height: 24,
        text: "",
        defaultText: "",
        items: [],
        tipType: "",
        warningTitle: "",
        allowClear: false,
    },

    render: function () {
        var self = this, o = this.options;
        o.value = BI.isFunction(o.value) ? this.__watch(o.value, function (context, newValue) {
            self.setValue(newValue);
        }) : o.value;
        o.items = BI.isFunction(o.items) ? this.__watch(o.items, function (context, newValue) {
            self.populate(newValue);
        }) : o.items;

        var height = BI.isNumeric(o.height) ? (o.height - (o.simple ? 1 : 2)) : o.height;
        var width = BI.isNumeric(o.width) ? (o.width - 2) : o.width;

        return {
            type: "bi.combo",
            cls: (o.simple ? "bi-border-bottom" : "bi-border bi-border-radius") + " bi-focus-shadow",
            container: o.container,
            adjustLength: 2,
            height: height,
            width: width,
            toggle: false,
            ref: function () {
                self.combo = this;
            },
            el: {
                type: "bi.search_text_value_trigger",
                cls: "search-text-value-trigger",
                watermark: o.watermark,
                ref: function () {
                    self.trigger = this;
                },
                items: o.items,
                height: height,
                text: o.text,
                defaultText: o.defaultText,
                value: o.value,
                tipType: o.tipType,
                warningTitle: o.warningTitle,
                title: o.title,
                allowClear: o.allowClear,
                listeners: [{
                    eventName: BI.SearchTextValueTrigger.EVENT_CHANGE,
                    action: function () {
                        self.setValue(this.getValue()[0]);
                        self.combo.hideView();
                        self.fireEvent(BI.SearchTextValueCombo.EVENT_CHANGE);
                    }
                }, {
                    eventName: BI.SearchTextValueTrigger.EVENT_CLEAR,
                    action: function () {
                        self._clear();
                        self.fireEvent(BI.SearchTextValueCombo.EVENT_CHANGE);
                    }
                }]
            },
            popup: {
                el: {
                    type: "bi.text_value_combo_popup",
                    chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE,
                    value: o.value,
                    items: o.items,
                    ref: function () {
                        self.popup = this;
                        self.trigger.getSearcher().setAdapter(self.popup);
                    },
                    listeners: [{
                        eventName: BI.TextValueComboPopup.EVENT_CHANGE,
                        action: function () {
                            self.setValue(this.getValue()[0]);
                            self.combo.hideView();
                            self.fireEvent(BI.SearchTextValueCombo.EVENT_CHANGE);
                        }
                    }]
                },
                value: o.value,
                maxHeight: 252,
                minHeight: 25
            },
            listeners: [{
                eventName: BI.Combo.EVENT_AFTER_HIDEVIEW,
                action: function () {
                    self.trigger.stopEditing();
                }
            }, {
                eventName: BI.Combo.EVENT_BEFORE_POPUPVIEW,
                action: function () {
                    self.fireEvent(BI.SearchTextValueCombo.EVENT_BEFORE_POPUPVIEW);
                }
            }],
        };
    },

    created: function () {
        var o = this.options;
        if (BI.isKey(o.value)) {
            this._checkError(o.value);
        }
    },

    _clear: function () {
        this.setValue();
    },

    _checkError: function (v) {
        if (BI.isNull(v) || BI.isEmptyArray(v) || BI.isEmptyString(v)) {
            this.trigger.options.tipType = "success";
            this.element.removeClass("combo-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.element.removeClass("combo-error").addClass("combo-error");
                this.trigger.attr("tipType", "warning");
            } else {
                this.element.removeClass("combo-error");
                this.trigger.attr("tipType", "success");
            }
        }
    },

    populate: function (items) {
        this.options.items = items;
        this.combo.populate(items);
    },

    setValue: function (v) {
        this.combo.setValue(v);
        this._checkError(v);
    },

    getValue: function () {
        var value = this.combo.getValue();
        return BI.isNull(value) ? [] : (BI.isArray(value) ? value : [value]);
    }
});
BI.SearchTextValueCombo.EVENT_CHANGE = "EVENT_CHANGE";
BI.SearchTextValueCombo.EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW";
BI.shortcut("bi.search_text_value_combo", BI.SearchTextValueCombo);