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.
130 lines
3.3 KiB
130 lines
3.3 KiB
Demo.Func = BI.inherit(BI.Widget, { |
|
props: { |
|
baseCls: "demo-func" |
|
}, |
|
|
|
render: function () { |
|
// value值一定要是字符串 |
|
var tree = BI.createWidget({ |
|
type: "bi.simple_tree", |
|
items: [{ |
|
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" |
|
}], |
|
value: ["31", "32", "33"] |
|
}); |
|
|
|
// 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); |