fineui是帆软报表和BI产品线所使用的前端框架。
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.
|
|
|
Demo.Func = BI.inherit(BI.Widget, {
|
|
|
|
props: {
|
|
|
|
baseCls: "demo-func"
|
|
|
|
},
|
|
|
|
|
|
|
|
render: function () {
|
|
|
|
//value值一定要是字符串
|
|
|
|
var tree = BI.createWidget({
|
|
|
|
type: "bi.simple_tree",
|
|
|
|
items: []
|
|
|
|
});
|
|
|
|
|
|
|
|
tree.populate([{
|
|
|
|
id: 1,
|
|
|
|
text: "第一项",
|
|
|
|
value: "1"
|
|
|
|
}, {
|
|
|
|
id: 2,
|
|
|
|
text: "第二项",
|
|
|
|
value: "2"
|
|
|
|
}, {
|
|
|
|
id: 3,
|
|
|
|
text: "第三项",
|
|
|
|
value: "3",
|
|
|
|
open: true
|
|
|
|
}, {
|
|
|
|
id: 11,
|
|
|
|
pId: 1,
|
|
|
|
text: "子项1",
|
|
|
|
value: "11"
|
|
|
|
}, {
|
|
|
|
id: 12,
|
|
|
|
pId: 1,
|
|
|
|
text: "子项2",
|
|
|
|
value: "12"
|
|
|
|
}, {
|
|
|
|
id: 13,
|
|
|
|
pId: 1,
|
|
|
|
text: "子项3",
|
|
|
|
value: "13"
|
|
|
|
}, {
|
|
|
|
id: 31,
|
|
|
|
pId: 3,
|
|
|
|
text: "子项1",
|
|
|
|
value: "31"
|
|
|
|
}, {
|
|
|
|
id: 32,
|
|
|
|
pId: 3,
|
|
|
|
text: "子项2",
|
|
|
|
value: "32"
|
|
|
|
}, {
|
|
|
|
id: 33,
|
|
|
|
pId: 3,
|
|
|
|
text: "子项3",
|
|
|
|
value: "33"
|
|
|
|
}], "z");
|
|
|
|
BI.createWidget({
|
|
|
|
type: "bi.vtape",
|
|
|
|
element: this,
|
|
|
|
items: [{
|
|
|
|
el: tree
|
|
|
|
}, {
|
|
|
|
height: 30,
|
|
|
|
el: {
|
|
|
|
type: "bi.button",
|
|
|
|
height: 30,
|
|
|
|
text: "setValue(['31', '32', '33'])",
|
|
|
|
handler: function () {
|
|
|
|
tree.setValue(['31', '32', '33']);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}, {
|
|
|
|
height: 30,
|
|
|
|
el: {
|
|
|
|
type: "bi.button",
|
|
|
|
height: 30,
|
|
|
|
text: "getValue",
|
|
|
|
handler: function () {
|
|
|
|
BI.Msg.alert("", JSON.stringify(tree.getValue()));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}]
|
|
|
|
})
|
|
|
|
}
|
|
|
|
});
|
|
|
|
BI.shortcut("demo.simple_tree", Demo.Func);
|