|
|
|
@ -2,92 +2,132 @@ BI.TextValueComboPopup = BI.inherit(BI.Pane, {
|
|
|
|
|
_defaultConfig: function () { |
|
|
|
|
return BI.extend(BI.TextValueComboPopup.superclass._defaultConfig.apply(this, arguments), { |
|
|
|
|
baseCls: "bi-text-icon-popup", |
|
|
|
|
chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE |
|
|
|
|
chooseType: BI.ButtonGroup.CHOOSE_TYPE_SINGLE, |
|
|
|
|
allowSelectAll: true, |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
render () { |
|
|
|
|
render() { |
|
|
|
|
var o = this.options, self = this; |
|
|
|
|
if (o.chooseType !== BI.ButtonGroup.CHOOSE_TYPE_MULTI) { |
|
|
|
|
return { |
|
|
|
|
type: "bi.vertical", |
|
|
|
|
vgap: 5, |
|
|
|
|
items: [{ |
|
|
|
|
type: "bi.button_group", |
|
|
|
|
ref: (_ref) => { |
|
|
|
|
this.popup = _ref; |
|
|
|
|
}, |
|
|
|
|
items: this._formatItems(o.items), |
|
|
|
|
chooseType: o.chooseType, |
|
|
|
|
layouts: [{ |
|
|
|
|
type: "bi.vertical" |
|
|
|
|
}], |
|
|
|
|
value: o.value, |
|
|
|
|
listeners: [{ |
|
|
|
|
eventName: BI.Controller.EVENT_CHANGE, |
|
|
|
|
action: function (type, val, obj) { |
|
|
|
|
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
|
|
|
|
if (type === BI.Events.CLICK) { |
|
|
|
|
self.fireEvent(BI.TextValueComboPopup.EVENT_CHANGE, val, obj); |
|
|
|
|
items: [ |
|
|
|
|
{ |
|
|
|
|
type: "bi.button_group", |
|
|
|
|
ref: (_ref) => { |
|
|
|
|
this.popup = _ref; |
|
|
|
|
}, |
|
|
|
|
items: this._formatItems(o.items), |
|
|
|
|
chooseType: o.chooseType, |
|
|
|
|
layouts: [ |
|
|
|
|
{ |
|
|
|
|
type: "bi.vertical" |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}] |
|
|
|
|
}] |
|
|
|
|
], |
|
|
|
|
value: o.value, |
|
|
|
|
listeners: [ |
|
|
|
|
{ |
|
|
|
|
eventName: BI.Controller.EVENT_CHANGE, |
|
|
|
|
action: function (type, val, obj) { |
|
|
|
|
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
|
|
|
|
if (type === BI.Events.CLICK) { |
|
|
|
|
self.fireEvent(BI.TextValueComboPopup.EVENT_CHANGE, val, obj); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
] |
|
|
|
|
} |
|
|
|
|
] |
|
|
|
|
}; |
|
|
|
|
} |
|
|
|
|
return { |
|
|
|
|
type: "bi.vertical", |
|
|
|
|
verticalAlign: BI.VerticalAlign.Stretch, |
|
|
|
|
rowSize: ["fill", ""], |
|
|
|
|
items: [{ |
|
|
|
|
type: "bi.select_list", |
|
|
|
|
logic: { |
|
|
|
|
dynamic: true, |
|
|
|
|
innerVgap: 5, |
|
|
|
|
rowSize: ["", "fill"], |
|
|
|
|
verticalAlign: BI.VerticalAlign.Stretch |
|
|
|
|
}, |
|
|
|
|
ref: (_ref) => { |
|
|
|
|
this.popup = _ref; |
|
|
|
|
}, |
|
|
|
|
el: { |
|
|
|
|
items: o.allowSelectAll ? [ |
|
|
|
|
{ |
|
|
|
|
type: "bi.select_list", |
|
|
|
|
logic: { |
|
|
|
|
dynamic: true, |
|
|
|
|
innerVgap: 5, |
|
|
|
|
rowSize: ["", "fill"], |
|
|
|
|
verticalAlign: BI.VerticalAlign.Stretch |
|
|
|
|
}, |
|
|
|
|
ref: (_ref) => { |
|
|
|
|
this.popup = _ref; |
|
|
|
|
}, |
|
|
|
|
el: { |
|
|
|
|
chooseType: o.chooseType |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
items: this._formatItems(o.items), |
|
|
|
|
value: { |
|
|
|
|
type: BI.ButtonGroup.CHOOSE_TYPE_MULTI, |
|
|
|
|
value: o.value |
|
|
|
|
}, |
|
|
|
|
listeners: [{ |
|
|
|
|
eventName: BI.SelectList.EVENT_CHANGE, |
|
|
|
|
action: function (val) { |
|
|
|
|
self.fireEvent(BI.TextValueComboPopup.EVENT_CHANGE, val); |
|
|
|
|
} |
|
|
|
|
}] |
|
|
|
|
}, { |
|
|
|
|
type: "bi.center", |
|
|
|
|
cls: "list-view-toolbar bi-high-light bi-split-top", |
|
|
|
|
height: 24, |
|
|
|
|
items: BI.createItems([{ |
|
|
|
|
type: "bi.text_button", |
|
|
|
|
text: BI.i18nText("BI-Basic_Clears"), |
|
|
|
|
handler: function () { |
|
|
|
|
self.fireEvent(BI.TextValueComboPopup.EVENT_CLEAR); |
|
|
|
|
} |
|
|
|
|
el: { |
|
|
|
|
chooseType: o.chooseType, |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
items: this._formatItems(o.items), |
|
|
|
|
value: { |
|
|
|
|
type: BI.ButtonGroup.CHOOSE_TYPE_MULTI, |
|
|
|
|
value: o.value |
|
|
|
|
}, |
|
|
|
|
height: "fill", |
|
|
|
|
listeners: [ |
|
|
|
|
{ |
|
|
|
|
eventName: BI.SelectList.EVENT_CHANGE, |
|
|
|
|
action: function (val) { |
|
|
|
|
self.fireEvent(BI.TextValueComboPopup.EVENT_CHANGE, val); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
] |
|
|
|
|
}, { |
|
|
|
|
type: "bi.text_button", |
|
|
|
|
text: BI.i18nText("BI-Basic_OK"), |
|
|
|
|
handler: function () { |
|
|
|
|
self.fireEvent(BI.TextValueComboPopup.EVENT_CONFIRM); |
|
|
|
|
} |
|
|
|
|
}], { |
|
|
|
|
once: false, |
|
|
|
|
shadow: true, |
|
|
|
|
isShadowShowingOnSelected: true |
|
|
|
|
}) |
|
|
|
|
}] |
|
|
|
|
type: "bi.center", |
|
|
|
|
cls: "list-view-toolbar bi-high-light bi-split-top", |
|
|
|
|
height: 24, |
|
|
|
|
items: BI.createItems([ |
|
|
|
|
{ |
|
|
|
|
type: "bi.text_button", |
|
|
|
|
text: BI.i18nText("BI-Basic_Clears"), |
|
|
|
|
handler: function () { |
|
|
|
|
self.fireEvent(BI.TextValueComboPopup.EVENT_CLEAR); |
|
|
|
|
} |
|
|
|
|
}, { |
|
|
|
|
type: "bi.text_button", |
|
|
|
|
text: BI.i18nText("BI-Basic_OK"), |
|
|
|
|
handler: function () { |
|
|
|
|
self.fireEvent(BI.TextValueComboPopup.EVENT_CONFIRM); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
], { |
|
|
|
|
once: false, |
|
|
|
|
shadow: true, |
|
|
|
|
isShadowShowingOnSelected: true |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
] : [ |
|
|
|
|
{ |
|
|
|
|
type: "bi.list_pane", |
|
|
|
|
logic: { |
|
|
|
|
dynamic: true, |
|
|
|
|
innerVgap: 5, |
|
|
|
|
rowSize: ["", "fill"], |
|
|
|
|
verticalAlign: BI.VerticalAlign.Stretch |
|
|
|
|
}, |
|
|
|
|
ref: (_ref) => { |
|
|
|
|
this.popup = _ref; |
|
|
|
|
}, |
|
|
|
|
el: { |
|
|
|
|
chooseType: o.chooseType, |
|
|
|
|
}, |
|
|
|
|
items: this._formatItems(o.items), |
|
|
|
|
value: o.value, |
|
|
|
|
height: "fill", |
|
|
|
|
listeners: [ |
|
|
|
|
{ |
|
|
|
|
eventName: BI.ListPane.EVENT_CHANGE, |
|
|
|
|
action: function (val) { |
|
|
|
|
self.fireEvent(BI.TextValueComboPopup.EVENT_CHANGE, val); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
] |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
@ -117,6 +157,9 @@ BI.TextValueComboPopup = BI.inherit(BI.Pane, {
|
|
|
|
|
return this.popup.getValue(); |
|
|
|
|
} |
|
|
|
|
var val = this.popup.getValue(); |
|
|
|
|
if (!this.options.allowSelectAll) { |
|
|
|
|
return val; |
|
|
|
|
} |
|
|
|
|
if (val.type === BI.ButtonGroup.CHOOSE_TYPE_MULTI) { |
|
|
|
|
return val.value; |
|
|
|
|
} else { |
|
|
|
@ -128,6 +171,10 @@ BI.TextValueComboPopup = BI.inherit(BI.Pane, {
|
|
|
|
|
if (this.options.chooseType !== BI.ButtonGroup.CHOOSE_TYPE_MULTI) { |
|
|
|
|
return this.popup.setValue(v); |
|
|
|
|
} |
|
|
|
|
if (!this.options.allowSelectAll) { |
|
|
|
|
this.popup.setValue(v); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
this.popup.setValue({ |
|
|
|
|
type: BI.ButtonGroup.CHOOSE_TYPE_MULTI, |
|
|
|
|
value: v |
|
|
|
|