forked from fanruan/fineui
guy
8 years ago
19 changed files with 691 additions and 525 deletions
@ -1,26 +0,0 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
render: function () { |
||||
return { |
||||
type: "bi.button_map", |
||||
chooseType: BI.ButtonGroup.CHOOSE_TYPE_MULTI, |
||||
layouts: [{ |
||||
type: "bi.vertical" |
||||
}, { |
||||
type: "bi.center_adapt", |
||||
}], |
||||
items: [{ |
||||
type: "bi.label", |
||||
text: "0", |
||||
value: 0 |
||||
}, { |
||||
type: "bi.button", |
||||
text: "1", |
||||
value: 1 |
||||
}] |
||||
} |
||||
} |
||||
}); |
||||
$.shortcut("demo.button_map", Demo.Func); |
||||
@ -0,0 +1,74 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
_createItems: function () { |
||||
var items = BI.makeArray(100, { |
||||
type: "demo.virtual_group_item" |
||||
}); |
||||
items[0].value = BI.UUID(); |
||||
return items; |
||||
}, |
||||
|
||||
render: function () { |
||||
var self = this; |
||||
return { |
||||
type: "bi.vertical", |
||||
vgap: 20, |
||||
items: [{ |
||||
type: "bi.virtual_group", |
||||
width: 200, |
||||
height: 300, |
||||
ref: function () { |
||||
self.buttonMap = this; |
||||
}, |
||||
chooseType: BI.ButtonGroup.CHOOSE_TYPE_MULTI, |
||||
layouts: [{ |
||||
type: "bi.vertical" |
||||
}, { |
||||
type: "bi.center_adapt", |
||||
}], |
||||
items: this._createItems() |
||||
}, { |
||||
type: "bi.button", |
||||
text: "点击刷新", |
||||
handler: function () { |
||||
self.buttonMap.populate(self._createItems()); |
||||
} |
||||
}] |
||||
|
||||
} |
||||
} |
||||
}); |
||||
$.shortcut("demo.virtual_group", Demo.Func); |
||||
|
||||
Demo.Item = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-item", |
||||
height: 30 |
||||
}, |
||||
|
||||
render: function () { |
||||
var self = this; |
||||
return { |
||||
type: "bi.label", |
||||
ref: function () { |
||||
self.label = this; |
||||
}, |
||||
height: this.options.height, |
||||
text: "这是一个测试项" + BI.UUID() |
||||
} |
||||
}, |
||||
|
||||
update: function (item) { |
||||
this.label.setText(item.value); |
||||
console.log("更新了一项"); |
||||
return true; |
||||
}, |
||||
|
||||
created: function () { |
||||
console.log("创建了一项"); |
||||
} |
||||
}); |
||||
$.shortcut("demo.virtual_group_item", Demo.Item); |
||||
@ -0,0 +1,69 @@
|
||||
BI.VirtualGroup = BI.inherit(BI.Widget, { |
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.VirtualGroup.superclass._defaultConfig.apply(this, arguments), { |
||||
baseCls: "bi-virtual-group", |
||||
items: [], |
||||
layouts: [{ |
||||
type: "bi.center", |
||||
hgap: 0, |
||||
vgap: 0 |
||||
}] |
||||
}) |
||||
}, |
||||
|
||||
render: function () { |
||||
this.populate(this.options.items); |
||||
}, |
||||
|
||||
_createBtns: function (items) { |
||||
var o = this.options; |
||||
return BI.createItems(items, { |
||||
type: "bi.text_button" |
||||
}); |
||||
}, |
||||
|
||||
_packageBtns: function (btns) { |
||||
var o = this.options; |
||||
|
||||
for (var i = o.layouts.length - 1; i > 0; i--) { |
||||
btns = BI.map(btns, function (k, it) { |
||||
return BI.extend({}, o.layouts[i], { |
||||
items: [ |
||||
BI.extend({}, o.layouts[i].el, it) |
||||
] |
||||
}) |
||||
}) |
||||
} |
||||
return btns; |
||||
}, |
||||
|
||||
_packageItems: function (items, packBtns) { |
||||
return BI.createItems(BI.makeArrayByArray(items, {}), BI.clone(packBtns)); |
||||
}, |
||||
|
||||
_packageLayout: function (items) { |
||||
var o = this.options, layout = BI.deepClone(o.layouts[0]); |
||||
|
||||
var lay = BI.formatEL(layout).el; |
||||
while (lay && lay.items && !BI.isEmpty(lay.items)) { |
||||
lay = BI.formatEL(lay.items[0]).el; |
||||
} |
||||
lay.items = items; |
||||
return layout; |
||||
}, |
||||
|
||||
populate: function (items) { |
||||
var self = this; |
||||
items = items || []; |
||||
this.options.items = items; |
||||
items = this._packageItems(items, this._packageBtns(this._createBtns(items))); |
||||
if (!this.layouts) { |
||||
this.layouts = BI.createWidget(BI.extend({element: this}, this._packageLayout(items))); |
||||
} else { |
||||
this.layouts.populate(this._packageLayout(items).items); |
||||
} |
||||
} |
||||
}); |
||||
BI.VirtualGroup.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
|
||||
$.shortcut("bi.virtual_group", BI.VirtualGroup); |
||||
@ -1,115 +0,0 @@
|
||||
/** |
||||
* value作为key值缓存button， 不支持顺序读写 |
||||
* 适合用于频繁增删的一组button |
||||
* Created by GUY on 2015/8/10. |
||||
* @class BI.ButtonMap |
||||
* @extends BI.ButtonTree |
||||
*/ |
||||
|
||||
BI.ButtonMap = BI.inherit(BI.ButtonTree, { |
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.ButtonMap.superclass._defaultConfig.apply(this, arguments), { |
||||
baseCls: "bi-button-map" |
||||
}) |
||||
}, |
||||
|
||||
_init: function () { |
||||
BI.ButtonMap.superclass._init.apply(this, arguments); |
||||
}, |
||||
|
||||
_createBtns: function (items) { |
||||
var self = this, o = this.options; |
||||
var buttons = BI.createWidgets(BI.createItems(items, {type: "bi.text_button", once: o.chooseType === 0})); |
||||
var keys = BI.map(items, function (i, item) { |
||||
item = BI.stripEL(item); |
||||
if (!(BI.isKey(item.id) || BI.isKey(item.value))) { |
||||
throw new Error("item必须包含id或value属性"); |
||||
} |
||||
return item.id || item.value; |
||||
}); |
||||
return BI.object(keys, buttons); |
||||
}, |
||||
|
||||
setValue: function (v) { |
||||
var self = this; |
||||
v = BI.isArray(v) ? v : [v]; |
||||
BI.each(this.buttons, function (val, item) { |
||||
if (!BI.isFunction(item.setSelected)) { |
||||
item.setValue(v); |
||||
return; |
||||
} |
||||
if (v.contains(val)) { |
||||
item.setSelected && item.setSelected(true); |
||||
} else { |
||||
item.setSelected && item.setSelected(false); |
||||
} |
||||
}); |
||||
}, |
||||
|
||||
setNotSelectedValue: function (v) { |
||||
var self = this; |
||||
v = BI.isArray(v) ? v : [v]; |
||||
BI.each(this.buttons, function (val, item) { |
||||
if (!BI.isFunction(item.setSelected)) { |
||||
item.setNotSelectedValue(v); |
||||
return; |
||||
} |
||||
if (v.contains(val)) { |
||||
item.setSelected && item.setSelected(false); |
||||
} else { |
||||
item.setSelected && item.setSelected(true); |
||||
} |
||||
}); |
||||
}, |
||||
|
||||
populate: function (items) { |
||||
var self = this; |
||||
var args = [].slice.call(arguments); |
||||
var linkHashMap = new BI.LinkHashMap(); |
||||
var val = function (item) { |
||||
return item.id || item.value; |
||||
}; |
||||
if (!this.buttons) { |
||||
this.buttons = {}; |
||||
} |
||||
//所有已存在的和新添加的
|
||||
var willCreated = []; |
||||
BI.each(items, function (i, item) { |
||||
item = BI.stripEL(item); |
||||
if (self.buttons[val(item)]) { |
||||
var ob = self.buttons[val(item)]; |
||||
args[0] = item.items; |
||||
args[2] = item; |
||||
ob.populate && ob.populate.apply(ob, args); |
||||
} else { |
||||
willCreated.push(item); |
||||
} |
||||
}); |
||||
//创建新元素
|
||||
args[0] = willCreated; |
||||
var newBtns = this._btnsCreator.apply(this, args); |
||||
|
||||
//整理
|
||||
var array = []; |
||||
BI.each(items, function (i, item) { |
||||
item = BI.stripEL(item); |
||||
var button = self.buttons[val(item)] || newBtns[val(item)]; |
||||
linkHashMap.add(val(item), button); |
||||
array.push(button); |
||||
}); |
||||
this.buttons = linkHashMap.map; |
||||
|
||||
BI.DOM.hang(this.buttons); |
||||
this.empty(); |
||||
|
||||
var packages = this._packageItems(items, this._packageBtns(array)); |
||||
BI.createWidget(BI.extend({element: this}, this._packageLayout(packages))); |
||||
}, |
||||
|
||||
getIndexByValue: function (value) { |
||||
throw new Error("不能使用getIndexByValue方法"); |
||||
} |
||||
}); |
||||
BI.ButtonMap.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
|
||||
$.shortcut("bi.button_map", BI.ButtonMap); |
||||
Loading…
Reference in new issue