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.
182 lines
4.1 KiB
182 lines
4.1 KiB
8 years ago
|
/**
|
||
|
* Created by Dailer on 2017/7/13.
|
||
|
*/
|
||
|
Demo.SelectTreeCombo = BI.inherit(BI.Widget, {
|
||
|
props: {
|
||
|
baseCls: "demo-exceltable"
|
||
|
},
|
||
|
|
||
|
render: function () {
|
||
|
var self = this;
|
||
|
var items = [{
|
||
|
id: 1,
|
||
|
text: "第一项",
|
||
|
value: 1,
|
||
|
isParent: true,
|
||
|
title: "第一项"
|
||
|
}, {
|
||
|
id: 2,
|
||
|
text: "第二项",
|
||
|
value: 2,
|
||
|
isParent: true,
|
||
|
title: "第二项"
|
||
|
}, {
|
||
|
id: 3,
|
||
|
text: "第三项",
|
||
|
value: 3,
|
||
|
isParent: true,
|
||
|
open: true,
|
||
|
title: "第三项"
|
||
|
}, {
|
||
|
id: 4,
|
||
|
text: "第四项",
|
||
|
value: 4,
|
||
|
isParent: true,
|
||
|
title: "第四项"
|
||
|
}, {
|
||
|
id: 5,
|
||
|
text: "第五项",
|
||
|
value: 5,
|
||
|
isParent: true,
|
||
|
title: "第五项"
|
||
|
}, {
|
||
|
id: 6,
|
||
|
text: "第六项",
|
||
|
value: 6,
|
||
|
isParent: true,
|
||
|
open: true,
|
||
|
title: "第六项"
|
||
|
}, {
|
||
|
id: 7,
|
||
|
text: "第七项",
|
||
|
value: 7,
|
||
|
isParent: true,
|
||
|
open: true,
|
||
|
title: "第七项"
|
||
|
}, {
|
||
|
id: 11,
|
||
|
pId: 1,
|
||
|
text: "子项1",
|
||
|
value: 11,
|
||
|
title: "子项1"
|
||
|
}, {
|
||
|
id: 12,
|
||
|
pId: 1,
|
||
|
text: "子项2",
|
||
|
value: 12,
|
||
|
title: "子项2"
|
||
|
}, {
|
||
|
id: 13,
|
||
|
pId: 1,
|
||
|
text: "子项3",
|
||
|
value: 13,
|
||
|
title: "子项3"
|
||
|
}, {
|
||
|
id: 21,
|
||
|
pId: 2,
|
||
|
text: "子项1",
|
||
|
value: 21,
|
||
|
title: "子项1"
|
||
|
}, {
|
||
|
id: 22,
|
||
|
pId: 2,
|
||
|
text: "子项2",
|
||
|
value: 22,
|
||
|
title: "子项2"
|
||
|
}, {
|
||
|
id: 31,
|
||
|
pId: 3,
|
||
|
text: "子项1",
|
||
|
value: 31,
|
||
|
title: "子项1"
|
||
|
}, {
|
||
|
id: 32,
|
||
|
pId: 3,
|
||
|
text: "子项2",
|
||
|
value: 32,
|
||
|
title: "子项2"
|
||
|
}, {
|
||
|
id: 33,
|
||
|
pId: 3,
|
||
|
text: "子项3",
|
||
|
value: 33,
|
||
|
title: "子项3"
|
||
|
}, {
|
||
|
id: 41,
|
||
|
pId: 4,
|
||
|
text: "子项1",
|
||
|
value: 41,
|
||
|
title: "子项1"
|
||
|
}, {
|
||
|
id: 42,
|
||
|
pId: 4,
|
||
|
text: "子项2",
|
||
|
value: 42,
|
||
|
title: "子项2"
|
||
|
}, {
|
||
|
id: 43,
|
||
|
pId: 4,
|
||
|
text: "子项3",
|
||
|
value: 43,
|
||
|
title: "子项3"
|
||
|
}, {
|
||
|
id: 51,
|
||
|
pId: 5,
|
||
|
text: "子项1",
|
||
|
value: 51,
|
||
|
title: "子项1"
|
||
|
}, {
|
||
|
id: 52,
|
||
|
pId: 5,
|
||
|
text: "子项2",
|
||
|
value: 52,
|
||
|
title: "子项2"
|
||
|
}, {
|
||
|
id: 61,
|
||
|
pId: 6,
|
||
|
text: "子项1",
|
||
|
value: 61,
|
||
|
title: "子项1"
|
||
|
}, {
|
||
|
id: 62,
|
||
|
pId: 6,
|
||
|
text: "子项2",
|
||
|
value: 62,
|
||
|
title: "子项2"
|
||
|
}, {
|
||
|
id: 71,
|
||
|
pId: 7,
|
||
|
text: "子项1",
|
||
|
value: 71,
|
||
|
title: "子项1"
|
||
|
}, {
|
||
|
id: 72,
|
||
|
pId: 7,
|
||
|
text: "子项2",
|
||
|
value: 72,
|
||
|
title: "子项2"
|
||
|
}];
|
||
|
return {
|
||
|
type: "bi.horizontal_auto",
|
||
|
items: [{
|
||
|
type: "bi.select_tree_combo",
|
||
|
ref: function (_ref) {
|
||
|
self.tree = _ref;
|
||
|
},
|
||
|
text: "默认值",
|
||
|
items: items,
|
||
|
width: 300
|
||
|
}, {
|
||
|
type: "bi.button",
|
||
|
text: "getVlaue",
|
||
|
handler: function () {
|
||
|
BI.Msg.toast(self.tree.getValue()[0]);
|
||
|
},
|
||
|
width: 300
|
||
|
}],
|
||
|
vgap: 20
|
||
|
}
|
||
|
}
|
||
|
})
|
||
|
|
||
|
BI.shortcut("demo.select_tree_combo", Demo.SelectTreeCombo);
|