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.
60 lines
1.4 KiB
60 lines
1.4 KiB
3 years ago
|
Demo.Collapse = BI.inherit(BI.Widget, {
|
||
|
|
props: {
|
||
|
|
baseCls: "demo-collapse"
|
||
|
|
},
|
||
|
|
|
||
|
|
render: function () {
|
||
|
|
var self = this;
|
||
|
|
|
||
|
|
var items = [{
|
||
|
|
value: "test",
|
||
|
|
popup: {
|
||
|
|
cls: "mvc-border",
|
||
|
|
items: BI.createItems([{
|
||
|
|
text: "项目1",
|
||
|
|
value: 1
|
||
|
|
}, {
|
||
|
|
text: "项目2",
|
||
|
|
value: 2
|
||
|
|
}, {
|
||
|
|
text: "项目3",
|
||
|
|
value: 3
|
||
|
|
}, {
|
||
|
|
text: "项目4",
|
||
|
|
value: 4
|
||
|
|
}], {
|
||
|
|
type: "bi.single_select_item",
|
||
|
|
height: 25
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
value: 2,
|
||
|
|
popup: {
|
||
|
|
type: "bi.label",
|
||
|
|
value: "给岁月以文明，而不是给文明以岁月"
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
value: 3,
|
||
|
|
popup: {
|
||
|
|
type: "bi.label",
|
||
|
|
value: "漂流瓶隐没于黑暗里，在一千米见方的宇宙中，只有生态球里的小太阳发出一点光芒。在这个小小的生命世界中，几只清澈的水球在零重力环境中静静地飘浮着，有一条小鱼从一只水球中蹦出，跃入另一只水球，轻盈地穿游于绿藻之间。"
|
||
|
|
}
|
||
|
|
}];
|
||
|
|
|
||
|
|
return {
|
||
|
|
type: "bi.vertical",
|
||
|
|
items: [{
|
||
|
|
type: "bi.collapse",
|
||
|
|
accordion: true,
|
||
|
|
items: items,
|
||
|
|
value: [2],
|
||
|
|
}],
|
||
|
|
width: '60%',
|
||
|
|
tgap: 100,
|
||
|
|
hgap: 100
|
||
|
|
};
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
BI.shortcut("demo.collapse", Demo.Collapse);
|