forked from fanruan/fineui
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.
107 lines
3.2 KiB
107 lines
3.2 KiB
8 years ago
|
/**
|
||
|
|
*
|
||
|
|
* @class BI.MultiSelectCheckPane
|
||
|
|
* @extends BI.Widget
|
||
|
|
*/
|
||
|
|
BI.MultiSelectCheckPane = BI.inherit(BI.Widget, {
|
||
|
|
|
||
|
|
constants: {
|
||
|
|
height: 25,
|
||
|
|
lgap: 10,
|
||
|
|
tgap: 5
|
||
|
|
},
|
||
|
|
|
||
|
|
_defaultConfig: function () {
|
||
|
|
return BI.extend(BI.MultiSelectCheckPane.superclass._defaultConfig.apply(this, arguments), {
|
||
|
|
baseCls: "bi-multi-select-check-pane",
|
||
|
|
items: [],
|
||
|
|
itemsCreator: BI.emptyFn,
|
||
|
|
valueFormatter: BI.emptyFn,
|
||
|
|
onClickContinueSelect: BI.emptyFn
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
_init: function () {
|
||
|
|
BI.MultiSelectCheckPane.superclass._init.apply(this, arguments);
|
||
|
|
|
||
|
|
var self = this, opts = this.options;
|
||
|
|
|
||
|
|
this.storeValue = {};
|
||
|
|
this.display = BI.createWidget({
|
||
|
|
type: 'bi.display_selected_list',
|
||
|
|
items: opts.items,
|
||
|
|
itemsCreator: function (op, callback) {
|
||
|
|
op = BI.extend(op || {}, {
|
||
|
|
selected_values: self.storeValue.value
|
||
|
|
});
|
||
|
|
if (self.storeValue.type === BI.Selection.Multi) {
|
||
|
|
callback({
|
||
|
|
items: BI.map(self.storeValue.value, function (i, v) {
|
||
|
|
var txt = opts.valueFormatter(v) || v;
|
||
|
|
return {
|
||
|
|
text: txt,
|
||
|
|
value: v,
|
||
|
|
title: txt
|
||
|
|
}
|
||
|
|
})
|
||
|
|
});
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
opts.itemsCreator(op, callback);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
this.continueSelect = BI.createWidget({
|
||
|
|
type: 'bi.text_button',
|
||
|
|
text: BI.i18nText('BI-Continue_Select'),
|
||
|
|
cls: 'multi-select-check-selected'
|
||
|
|
});
|
||
|
|
|
||
|
|
this.continueSelect.on(BI.TextButton.EVENT_CHANGE, function () {
|
||
|
|
opts.onClickContinueSelect();
|
||
|
|
});
|
||
|
|
|
||
|
|
BI.createWidget({
|
||
|
|
type: 'bi.vtape',
|
||
|
|
element: this,
|
||
|
|
items: [{
|
||
|
|
height: this.constants.height,
|
||
|
|
el: {
|
||
|
|
type: 'bi.left',
|
||
|
|
cls: 'multi-select-continue-select',
|
||
|
|
items: [
|
||
|
|
{
|
||
|
|
el: {
|
||
|
|
type: "bi.label",
|
||
|
|
text: BI.i18nText('BI-Selected_Data')
|
||
|
|
},
|
||
|
|
lgap: this.constants.lgap,
|
||
|
|
tgap: this.constants.tgap
|
||
|
|
},
|
||
|
|
{
|
||
|
|
el: this.continueSelect,
|
||
|
|
lgap: this.constants.lgap,
|
||
|
|
tgap: this.constants.tgap
|
||
|
|
}]
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
height: 'fill',
|
||
|
|
el: this.display
|
||
|
|
}]
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
setValue: function (v) {
|
||
|
|
this.storeValue = v || {};
|
||
|
|
},
|
||
|
|
|
||
|
|
empty: function () {
|
||
|
|
this.display.empty();
|
||
|
|
},
|
||
|
|
|
||
|
|
populate: function () {
|
||
|
|
this.display.populate.apply(this.display, arguments);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
$.shortcut("bi.multi_select_check_pane", BI.MultiSelectCheckPane);
|