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.
95 lines
2.8 KiB
95 lines
2.8 KiB
7 years ago
|
/**
|
||
|
|
* Created by User on 2017/3/22.
|
||
|
|
*/
|
||
|
|
Demo.MultiSelectList = BI.inherit(BI.Widget, {
|
||
|
|
props: {
|
||
|
|
baseCls: "demo-multi-select-combo"
|
||
|
|
},
|
||
|
|
|
||
|
|
mounted: function () {
|
||
|
|
this.list.populate();
|
||
|
|
},
|
||
|
|
|
||
|
|
_createMultiSelectCombo: function () {
|
||
|
|
var self = this;
|
||
|
|
var widget = BI.createWidget({
|
||
|
|
type: "bi.multi_select_list",
|
||
|
|
ref: function (ref) {
|
||
|
|
self.list = ref;
|
||
|
|
},
|
||
|
|
itemsCreator: BI.bind(this._itemsCreator, this),
|
||
|
|
value: {
|
||
|
|
type: 1,
|
||
|
|
value: ["柳州市城贸金属材料有限责任公司", "柳州市建福房屋租赁有限公司", "柳州市迅昌数码办公设备有限责任公司"]
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
widget.on(BI.MultiSelectCombo.EVENT_CONFIRM, function () {
|
||
|
|
BI.Msg.toast(JSON.stringify(this.getValue()));
|
||
|
|
});
|
||
|
|
|
||
|
|
return widget;
|
||
|
|
},
|
||
|
|
|
||
|
|
_getItemsByTimes: function (items, times) {
|
||
|
|
var res = [];
|
||
|
|
for (var i = (times - 1) * 10; items[i] && i < times * 10; i++) {
|
||
|
|
res.push(items[i]);
|
||
|
|
}
|
||
|
|
return res;
|
||
|
|
},
|
||
|
|
|
||
|
|
_hasNextByTimes: function (items, times) {
|
||
|
|
return times * 10 < items.length;
|
||
|
|
},
|
||
|
|
|
||
|
|
_itemsCreator: function (options, callback) {
|
||
|
|
var self = this;
|
||
|
|
var items = Demo.CONSTANTS.ITEMS;
|
||
|
|
var keywords = (options.keywords || []).slice();
|
||
|
|
if (options.keyword) {
|
||
|
|
keywords.push(options.keyword);
|
||
|
|
}
|
||
|
|
BI.each(keywords, function (i, kw) {
|
||
|
|
var search = BI.Func.getSearchResult(items, kw);
|
||
|
|
items = search.match.concat(search.find);
|
||
|
|
});
|
||
|
|
if (options.selectedValues) {// 过滤
|
||
|
|
var filter = BI.makeObject(options.selectedValues, true);
|
||
|
|
items = BI.filter(items, function (i, ob) {
|
||
|
|
return !filter[ob.value];
|
||
|
|
});
|
||
|
|
}
|
||
|
|
if (options.type == BI.MultiSelectCombo.REQ_GET_ALL_DATA) {
|
||
|
|
callback({
|
||
|
|
items: items
|
||
|
|
});
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
if (options.type == BI.MultiSelectCombo.REQ_GET_DATA_LENGTH) {
|
||
|
|
callback({count: items.length});
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
BI.delay(function () {
|
||
|
|
callback({
|
||
|
|
items: self._getItemsByTimes(items, options.times),
|
||
|
|
hasNext: self._hasNextByTimes(items, options.times)
|
||
|
|
});
|
||
|
|
}, 1000);
|
||
|
|
},
|
||
|
|
|
||
|
|
render: function () {
|
||
|
|
return {
|
||
|
|
type: "bi.absolute",
|
||
|
|
scrolly: false,
|
||
|
|
items: [{
|
||
|
|
el: this._createMultiSelectCombo(),
|
||
|
|
top: 50,
|
||
|
|
left: 50,
|
||
|
|
right: 50,
|
||
|
|
bottom: 50
|
||
|
|
}]
|
||
|
|
};
|
||
|
|
}
|
||
|
|
});
|
||
|
|
BI.shortcut("demo.multi_select_list", Demo.MultiSelectList);
|