zsmj
2 years ago
33 changed files with 532 additions and 264 deletions
@ -0,0 +1,7 @@ |
|||||||
|
|
||||||
|
if (!window.$ && !window.jQuery) { |
||||||
|
window.jQuery = window.$ = BI.jQuery; |
||||||
|
} |
||||||
|
if (!window._) { |
||||||
|
window._ = BI._; |
||||||
|
} |
||||||
@ -0,0 +1,244 @@ |
|||||||
|
/** |
||||||
|
* 加载控件 |
||||||
|
* |
||||||
|
* Created by GUY on 2015/8/31. |
||||||
|
* @class BI.Loader |
||||||
|
* @extends BI.Widget |
||||||
|
*/ |
||||||
|
BI.MultiSelectInnerLoader = BI.inherit(BI.Widget, { |
||||||
|
_defaultConfig: function () { |
||||||
|
return BI.extend(BI.MultiSelectInnerLoader.superclass._defaultConfig.apply(this, arguments), { |
||||||
|
baseCls: "bi-multi-select-inner-loader", |
||||||
|
|
||||||
|
direction: "top", |
||||||
|
isDefaultInit: true, // 是否默认初始化数据
|
||||||
|
logic: { |
||||||
|
dynamic: true, |
||||||
|
scrolly: true |
||||||
|
}, |
||||||
|
|
||||||
|
// 下面是button_group的属性
|
||||||
|
el: { |
||||||
|
type: "bi.button_group", |
||||||
|
chooseType: BI.ButtonGroup.CHOOSE_TYPE_MULTI, |
||||||
|
behaviors: { |
||||||
|
redmark: function () { |
||||||
|
return true; |
||||||
|
} |
||||||
|
}, |
||||||
|
layouts: [{ |
||||||
|
type: "bi.vertical" |
||||||
|
}] |
||||||
|
}, |
||||||
|
|
||||||
|
items: [], |
||||||
|
itemsCreator: BI.emptyFn, |
||||||
|
onLoaded: BI.emptyFn, |
||||||
|
|
||||||
|
// 下面是分页信息
|
||||||
|
count: false, |
||||||
|
prev: false, |
||||||
|
next: {}, |
||||||
|
hasPrev: BI.emptyFn, |
||||||
|
hasNext: BI.emptyFn |
||||||
|
}); |
||||||
|
}, |
||||||
|
|
||||||
|
_nextLoad: function () { |
||||||
|
var self = this, o = this.options; |
||||||
|
this.next.setLoading(); |
||||||
|
if (this.cachItems && this.cachItems.length > 0) { |
||||||
|
this.next.setLoaded(); |
||||||
|
this.addItems(this.cachItems.slice(0, 100)); |
||||||
|
this.cachItems = this.cachItems.slice(100); |
||||||
|
return; |
||||||
|
} |
||||||
|
o.itemsCreator.apply(this, [{times: ++this.times}, function () { |
||||||
|
self.next.setLoaded(); |
||||||
|
self.addItems.apply(self, arguments); |
||||||
|
}]); |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
var self = this, o = this.options; |
||||||
|
if (o.itemsCreator === false) { |
||||||
|
o.next = false; |
||||||
|
} |
||||||
|
this.button_group = BI.createWidget(o.el, { |
||||||
|
type: "bi.button_group", |
||||||
|
chooseType: 0, |
||||||
|
items: o.items, |
||||||
|
behaviors: {}, |
||||||
|
layouts: [{ |
||||||
|
type: "bi.vertical" |
||||||
|
}], |
||||||
|
value: o.value |
||||||
|
}); |
||||||
|
this.button_group.on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { |
||||||
|
if (type === BI.Events.CLICK) { |
||||||
|
var node = self.cachGroup.getNodeByValue(value); |
||||||
|
if (node) { |
||||||
|
node.setSelected(obj.isSelected()); |
||||||
|
} |
||||||
|
} |
||||||
|
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
||||||
|
if (type === BI.Events.CLICK) { |
||||||
|
self.fireEvent(BI.Loader.EVENT_CHANGE, obj); |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
this.cachGroup = BI.createWidget(o.el, { |
||||||
|
type: "bi.button_group", |
||||||
|
root: true, |
||||||
|
chooseType: 0, |
||||||
|
items: o.items, |
||||||
|
behaviors: {}, |
||||||
|
layouts: [{ |
||||||
|
type: "bi.vertical" |
||||||
|
}], |
||||||
|
value: o.value |
||||||
|
}); |
||||||
|
|
||||||
|
if (o.next !== false) { |
||||||
|
this.next = BI.createWidget(BI.extend({ |
||||||
|
type: "bi.loading_bar" |
||||||
|
}, o.next)); |
||||||
|
this.next.on(BI.Controller.EVENT_CHANGE, function (type) { |
||||||
|
if (type === BI.Events.CLICK) { |
||||||
|
self._nextLoad(); |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
BI.createWidget({ |
||||||
|
type: "bi.vertical", |
||||||
|
element: this, |
||||||
|
items: [this.button_group, this.next] |
||||||
|
}); |
||||||
|
|
||||||
|
o.isDefaultInit && BI.isEmpty(o.items) && BI.nextTick(BI.bind(function () { |
||||||
|
o.isDefaultInit && BI.isEmpty(o.items) && this._populate(); |
||||||
|
}, this)); |
||||||
|
}, |
||||||
|
|
||||||
|
hasNext: function () { |
||||||
|
var o = this.options; |
||||||
|
if (BI.isNumber(o.count)) { |
||||||
|
return this.count < o.count; |
||||||
|
} |
||||||
|
if (this.cachItems && this.cachItems.length > 0) { |
||||||
|
return true; |
||||||
|
} |
||||||
|
return !!o.hasNext.apply(this, [{ |
||||||
|
times: this.times, |
||||||
|
count: this.count |
||||||
|
}]); |
||||||
|
}, |
||||||
|
|
||||||
|
addItems: function (items) { |
||||||
|
this.count += items.length; |
||||||
|
if (BI.isObject(this.next)) { |
||||||
|
if (this.hasNext()) { |
||||||
|
this.options.items = this.options.items.concat(items); |
||||||
|
this.next.setLoaded(); |
||||||
|
} else { |
||||||
|
this.next.setEnd(); |
||||||
|
} |
||||||
|
} |
||||||
|
this.cachGroup.addItems.apply(this.cachGroup, arguments); |
||||||
|
this.button_group.addItems.apply(this.button_group, arguments); |
||||||
|
}, |
||||||
|
|
||||||
|
_populate: function (items) { |
||||||
|
var self = this, o = this.options; |
||||||
|
if (arguments.length === 0 && (BI.isFunction(o.itemsCreator))) { |
||||||
|
o.itemsCreator.apply(this, [{times: 1}, function (items, keyword) { |
||||||
|
if (arguments.length === 0) { |
||||||
|
throw new Error("参数不能为空"); |
||||||
|
} |
||||||
|
self.populate.apply(self, arguments); |
||||||
|
o.onLoaded(); |
||||||
|
}]); |
||||||
|
return false; |
||||||
|
} |
||||||
|
this.options.items = (items || []).slice(0, 100); |
||||||
|
this.times = 1; |
||||||
|
this.count = 0; |
||||||
|
this.count += items.length; |
||||||
|
if (BI.isObject(this.next)) { |
||||||
|
if (this.hasNext()) { |
||||||
|
this.next.setLoaded(); |
||||||
|
} else { |
||||||
|
this.next.invisible(); |
||||||
|
} |
||||||
|
} |
||||||
|
return true; |
||||||
|
}, |
||||||
|
|
||||||
|
populate: function (items, keyword) { |
||||||
|
if (this._populate.apply(this, arguments)) { |
||||||
|
this.cachItems = []; |
||||||
|
if (items.length > 100) { |
||||||
|
this.cachItems = items.slice(100); |
||||||
|
} |
||||||
|
this.cachGroup.populate.call(this.cachGroup, items, keyword); |
||||||
|
this.button_group.populate.call(this.button_group, items.slice(0, 100), keyword); |
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
setNotSelectedValue: function () { |
||||||
|
this.button_group.setNotSelectedValue.apply(this.button_group, arguments); |
||||||
|
this.cachGroup.setNotSelectedValue.apply(this.cachGroup, arguments); |
||||||
|
}, |
||||||
|
|
||||||
|
getNotSelectedValue: function () { |
||||||
|
return this.cachGroup.getNotSelectedValue(); |
||||||
|
}, |
||||||
|
|
||||||
|
setValue: function () { |
||||||
|
this.cachGroup.setValue.apply(this.cachGroup, arguments); |
||||||
|
this.button_group.setValue.apply(this.button_group, arguments); |
||||||
|
}, |
||||||
|
|
||||||
|
getValue: function () { |
||||||
|
return this.cachGroup.getValue.apply(this.cachGroup, arguments); |
||||||
|
}, |
||||||
|
|
||||||
|
getAllButtons: function () { |
||||||
|
return this.button_group.getAllButtons(); |
||||||
|
}, |
||||||
|
|
||||||
|
getAllLeaves: function () { |
||||||
|
return this.button_group.getAllLeaves(); |
||||||
|
}, |
||||||
|
|
||||||
|
getSelectedButtons: function () { |
||||||
|
return this.button_group.getSelectedButtons(); |
||||||
|
}, |
||||||
|
|
||||||
|
getNotSelectedButtons: function () { |
||||||
|
return this.button_group.getNotSelectedButtons(); |
||||||
|
}, |
||||||
|
|
||||||
|
getIndexByValue: function (value) { |
||||||
|
return this.button_group.getIndexByValue(value); |
||||||
|
}, |
||||||
|
|
||||||
|
getNodeById: function (id) { |
||||||
|
return this.button_group.getNodeById(id); |
||||||
|
}, |
||||||
|
|
||||||
|
getNodeByValue: function (value) { |
||||||
|
return this.button_group.getNodeByValue(value); |
||||||
|
}, |
||||||
|
|
||||||
|
empty: function () { |
||||||
|
this.button_group.empty(); |
||||||
|
this.cachGroup.empty(); |
||||||
|
BI.each([this.prev, this.next], function (i, ob) { |
||||||
|
ob && ob.setVisible(false); |
||||||
|
}); |
||||||
|
} |
||||||
|
}); |
||||||
|
BI.MultiSelectInnerLoader.EVENT_CHANGE = "EVENT_CHANGE"; |
||||||
|
BI.shortcut("bi.multi_select_inner_loader", BI.MultiSelectInnerLoader); |
||||||
Loading…
Reference in new issue