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.
215 lines
7.6 KiB
215 lines
7.6 KiB
7 years ago
|
/**
|
||
|
* guy
|
||
|
* 二级树
|
||
|
* @class BI.PlatformLevelTree
|
||
|
* @extends BI.Select
|
||
|
*/
|
||
|
BI.PlatformLevelTree = BI.inherit(BI.Widget, {
|
||
|
props: {
|
||
|
baseCls: "platform-level-tree",
|
||
|
itemsCreator: BI.emptyFn
|
||
|
},
|
||
|
|
||
|
render: function () {
|
||
|
var self = this, o = this.options;
|
||
|
this.tree = BI.createWidget({
|
||
|
type: "bi.custom_tree",
|
||
|
element: this,
|
||
|
expander: {
|
||
|
type: "bi.select_tree_expander",
|
||
|
isDefaultInit: false,
|
||
|
el: {},
|
||
|
popup: {
|
||
|
type: "bi.custom_tree"
|
||
|
}
|
||
|
},
|
||
|
|
||
|
itemsCreator: function (op, callback) {
|
||
|
o.itemsCreator(op, function (items) {
|
||
|
callback(self._formatItems(items))
|
||
|
})
|
||
|
},
|
||
|
|
||
|
el: {
|
||
|
type: "bi.loader",
|
||
|
next: false,
|
||
|
el: {
|
||
|
type: "bi.button_tree",
|
||
|
chooseType: 0,
|
||
|
layouts: [{
|
||
|
type: "bi.vertical"
|
||
|
}]
|
||
|
}
|
||
|
}
|
||
|
});
|
||
|
this.tree.on(BI.CustomTree.EVENT_CHANGE, function () {
|
||
|
self.fireEvent(BI.PlatformLevelTree.EVENT_CHANGE, arguments);
|
||
|
})
|
||
|
},
|
||
|
|
||
|
_formatItems: function (nodes) {
|
||
|
var self = this;
|
||
|
BI.each(nodes, function (i, node) {
|
||
|
var extend = {};
|
||
|
if (node.isParent === true || BI.isNotEmptyArray(node.children)) {
|
||
|
switch (i) {
|
||
|
case 0 :
|
||
|
extend.type = "bi.multilayer_select_tree_first_plus_group_node";
|
||
|
break;
|
||
|
case nodes.length - 1 :
|
||
|
extend.type = "bi.multilayer_select_tree_last_plus_group_node";
|
||
|
break;
|
||
|
default :
|
||
|
extend.type = "bi.multilayer_select_tree_mid_plus_group_node";
|
||
|
break;
|
||
|
}
|
||
|
BI.defaults(node, extend);
|
||
|
} else {
|
||
|
switch (i) {
|
||
|
case nodes.length - 1:
|
||
|
extend.type = "bi.multilayer_single_tree_last_tree_leaf_item";
|
||
|
break;
|
||
|
default :
|
||
|
extend.type = "bi.multilayer_single_tree_mid_tree_leaf_item";
|
||
|
}
|
||
|
BI.defaults(node, extend);
|
||
|
}
|
||
|
});
|
||
|
return nodes;
|
||
|
},
|
||
|
|
||
|
populate: function () {
|
||
|
this.tree.populate();
|
||
|
},
|
||
|
|
||
|
getValue: function () {
|
||
|
return this.tree.getValue();
|
||
|
}
|
||
|
});
|
||
|
BI.PlatformLevelTree.EVENT_CHANGE = "EVENT_CHANGE";
|
||
|
BI.shortcut("bi.platform_level_tree", BI.PlatformLevelTree);
|
||
|
|
||
|
|
||
|
BI.DemoLevelTree = BI.inherit(BI.Widget, {
|
||
|
|
||
|
render: function () {
|
||
|
var self = this;
|
||
|
return {
|
||
|
type: "bi.vtape",
|
||
|
items: [{
|
||
|
el: {
|
||
|
type: "bi.platform_level_tree",
|
||
|
ref: function () {
|
||
|
self.tree = this;
|
||
|
},
|
||
|
itemsCreator: function (op, callback) {
|
||
|
if (!op.node) {//根节点
|
||
|
callback([{
|
||
|
"id": 1,
|
||
|
"pId": 0,
|
||
|
text: "A",
|
||
|
value: 1,
|
||
|
isParent: true
|
||
|
}, {
|
||
|
"id": 2,
|
||
|
"pId": 0,
|
||
|
"text": "B",
|
||
|
value: 2,
|
||
|
isParent: true,
|
||
|
open: true,
|
||
|
}])
|
||
|
} else {
|
||
|
if (op.node.id == 1) {
|
||
|
callback([
|
||
|
{
|
||
|
"id": 11,
|
||
|
"pId": 1,
|
||
|
"text": "test11",
|
||
|
value: 11,
|
||
|
layer: 1,
|
||
|
isParent: true
|
||
|
},
|
||
|
{
|
||
|
"id": 12,
|
||
|
"pId": 1,
|
||
|
"text": "test12",
|
||
|
value: 12,
|
||
|
layer: 1,
|
||
|
},
|
||
|
{
|
||
|
"id": 13,
|
||
|
"pId": 1,
|
||
|
"text": "test13",
|
||
|
value: 13,
|
||
|
layer: 1,
|
||
|
},
|
||
|
{
|
||
|
"id": 14,
|
||
|
"pId": 1,
|
||
|
"text": "test14",
|
||
|
value: 14,
|
||
|
layer: 1,
|
||
|
height: 35
|
||
|
},
|
||
|
{
|
||
|
"id": 15,
|
||
|
"pId": 1,
|
||
|
"text": "test15",
|
||
|
value: 15,
|
||
|
layer: 1,
|
||
|
},
|
||
|
{
|
||
|
"id": 16,
|
||
|
"pId": 1,
|
||
|
"text": "test16",
|
||
|
value: 16,
|
||
|
layer: 1,
|
||
|
},
|
||
|
{"id": 17, "pId": 1, "text": "test17", layer: 1, value: 17}
|
||
|
])
|
||
|
} else if (op.node.id == 2) {
|
||
|
callback([{
|
||
|
"id": 21,
|
||
|
"pId": 2,
|
||
|
"text": "test21",
|
||
|
value: 21,
|
||
|
layer: 1,
|
||
|
},
|
||
|
{
|
||
|
"id": 22,
|
||
|
"pId": 2,
|
||
|
"text": "test22",
|
||
|
value: 22,
|
||
|
layer: 1,
|
||
|
}])
|
||
|
} else if (op.node.id == 11) {
|
||
|
callback([{
|
||
|
"id": 111,
|
||
|
"pId": 11,
|
||
|
"text": "test111",
|
||
|
value: 111,
|
||
|
layer: 2,
|
||
|
}])
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}, {
|
||
|
el: {
|
||
|
type: "bi.button",
|
||
|
text: "确定",
|
||
|
handler: function () {
|
||
|
BI.Msg.toast(JSON.stringify(self.tree.getValue()));
|
||
|
}
|
||
|
},
|
||
|
height: 25
|
||
|
}]
|
||
|
|
||
|
}
|
||
|
},
|
||
|
|
||
|
mounted: function () {
|
||
|
|
||
|
}
|
||
|
});
|
||
|
BI.shortcut("demo.platform_level_tree", BI.DemoLevelTree);
|