forked from fanruan/fineui
windy
7 years ago
8 changed files with 703 additions and 2 deletions
@ -0,0 +1,62 @@
|
||||
/** |
||||
* Created by Windy on 2017/12/12. |
||||
* combo : icon + text + icon, popup : icon + text |
||||
*/ |
||||
BI.IconTextValueCombo = BI.inherit(BI.Widget, { |
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.IconTextValueCombo.superclass._defaultConfig.apply(this, arguments), { |
||||
baseClass: "bi-icon-text-value-combo", |
||||
height: 30, |
||||
text: "", |
||||
el: {} |
||||
}) |
||||
}, |
||||
|
||||
_init: function () { |
||||
BI.IconTextValueCombo.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
this.trigger = BI.createWidget(o.el, { |
||||
type: "bi.select_icon_text_trigger", |
||||
items: o.items, |
||||
height: o.height, |
||||
text: o.text |
||||
}); |
||||
this.popup = BI.createWidget({ |
||||
type: "bi.icon_text_value_combo_popup", |
||||
items: o.items |
||||
}); |
||||
this.popup.on(BI.IconTextValueComboPopup.EVENT_CHANGE, function () { |
||||
self.setValue(self.popup.getValue()); |
||||
self.textIconCombo.hideView(); |
||||
self.fireEvent(BI.IconTextValueCombo.EVENT_CHANGE, arguments); |
||||
}); |
||||
this.popup.on(BI.Controller.EVENT_CHANGE, function () { |
||||
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
||||
}); |
||||
this.textIconCombo = BI.createWidget({ |
||||
type: "bi.combo", |
||||
element: this, |
||||
adjustLength: 2, |
||||
el: this.trigger, |
||||
popup: { |
||||
el: this.popup, |
||||
maxHeight: 300 |
||||
} |
||||
}); |
||||
}, |
||||
|
||||
setValue: function (v) { |
||||
this.textIconCombo.setValue(v); |
||||
}, |
||||
|
||||
getValue: function () { |
||||
return this.textIconCombo.getValue(); |
||||
}, |
||||
|
||||
populate: function (items) { |
||||
this.options.items = items; |
||||
this.textIconCombo.populate(items); |
||||
} |
||||
}); |
||||
BI.IconTextValueCombo.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
BI.shortcut("bi.icon_text_value_combo", BI.IconTextValueCombo); |
@ -0,0 +1,59 @@
|
||||
/** |
||||
* Created by Windy on 2017/12/12. |
||||
*/ |
||||
BI.IconTextValueComboPopup = BI.inherit(BI.Pane, { |
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.IconTextValueComboPopup.superclass._defaultConfig.apply(this, arguments), { |
||||
baseCls: "bi-icon-text-icon-popup" |
||||
}); |
||||
}, |
||||
|
||||
_init: function () { |
||||
BI.IconTextValueComboPopup.superclass._init.apply(this, arguments); |
||||
var o = this.options, self = this; |
||||
this.popup = BI.createWidget({ |
||||
type: "bi.button_group", |
||||
items: BI.createItems(o.items, { |
||||
type: "bi.single_select_icon_text_item", |
||||
height: 30 |
||||
}), |
||||
chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE, |
||||
layouts: [{ |
||||
type: "bi.vertical" |
||||
}] |
||||
}); |
||||
|
||||
this.popup.on(BI.Controller.EVENT_CHANGE, function (type, val, obj) { |
||||
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
||||
if (type === BI.Events.CLICK) { |
||||
self.fireEvent(BI.IconTextValueComboPopup.EVENT_CHANGE, val, obj); |
||||
} |
||||
}); |
||||
|
||||
BI.createWidget({ |
||||
type: "bi.vertical", |
||||
element: this, |
||||
items: [this.popup] |
||||
}); |
||||
}, |
||||
|
||||
populate: function (items) { |
||||
BI.IconTextValueComboPopup.superclass.populate.apply(this, arguments); |
||||
items = BI.createItems(items, { |
||||
type: "bi.single_select_icon_text_item", |
||||
height: 30 |
||||
}); |
||||
this.popup.populate(items); |
||||
}, |
||||
|
||||
getValue: function () { |
||||
return this.popup.getValue(); |
||||
}, |
||||
|
||||
setValue: function (v) { |
||||
this.popup.setValue(v); |
||||
} |
||||
|
||||
}); |
||||
BI.IconTextValueComboPopup.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
BI.shortcut("bi.icon_text_value_combo_popup", BI.IconTextValueComboPopup); |
@ -0,0 +1,55 @@
|
||||
/** |
||||
* Created by Windy on 2017/12/12. |
||||
*/ |
||||
BI.SelectIconTextTrigger = BI.inherit(BI.Trigger, { |
||||
|
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.SelectIconTextTrigger.superclass._defaultConfig.apply(this, arguments), { |
||||
baseCls: "bi-select-text-trigger bi-border", |
||||
height: 24 |
||||
}); |
||||
}, |
||||
|
||||
_init: function () { |
||||
this.options.height -= 2; |
||||
BI.SelectIconTextTrigger.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
this.trigger = BI.createWidget({ |
||||
type: "bi.icon_text_trigger", |
||||
element: this, |
||||
height: o.height |
||||
}); |
||||
if (BI.isKey(o.text)) { |
||||
this.setValue(o.text); |
||||
} |
||||
}, |
||||
|
||||
setValue: function (vals) { |
||||
var o = this.options; |
||||
vals = BI.isArray(vals) ? vals : [vals]; |
||||
var result; |
||||
var items = BI.Tree.transformToArrayFormat(this.options.items); |
||||
BI.any(items, function (i, item) { |
||||
if (BI.deepContains(vals, item.value)) { |
||||
result = { |
||||
text: item.text || item.value, |
||||
iconClass: item.iconClass |
||||
}; |
||||
return true; |
||||
} |
||||
}); |
||||
|
||||
if (BI.isNotNull(result)) { |
||||
this.trigger.setText(result.text); |
||||
this.trigger.setIcon(result.iconClass); |
||||
} else { |
||||
this.trigger.setText(o.text); |
||||
this.trigger.setIcon(""); |
||||
} |
||||
}, |
||||
|
||||
populate: function (items) { |
||||
this.options.items = items; |
||||
} |
||||
}); |
||||
BI.shortcut("bi.select_icon_text_trigger", BI.SelectIconTextTrigger); |
Loading…
Reference in new issue