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.
233 lines
8.0 KiB
233 lines
8.0 KiB
Demo.Func = BI.inherit(BI.Widget, { |
|
props: { |
|
baseCls: "demo-func" |
|
}, |
|
|
|
_createBranchTree: function () { |
|
var tree = BI.createWidget({ |
|
type: "bi.branch_tree", |
|
items: [{ |
|
el: { |
|
text: "且", |
|
value: "且1", |
|
cls: "layout-bg7" |
|
}, |
|
children: [{ |
|
type: "bi.label", |
|
height: 30, |
|
textAlign: "left", |
|
text: "这里是一段文字1", |
|
value: "这里是一段文字1" |
|
}, { |
|
el: { |
|
text: "或", |
|
value: "或2", |
|
cls: "layout-bg7" |
|
}, |
|
children: [{ |
|
type: "bi.label", |
|
height: 30, |
|
textAlign: "left", |
|
text: "这里是一段文字1435", |
|
value: "这里是一段文字1435" |
|
}, { |
|
type: "bi.label", |
|
height: 30, |
|
textAlign: "left", |
|
text: "这里是一段文字1xx", |
|
value: "这里是一段文字1xx" |
|
}, { |
|
el: { |
|
text: "且", |
|
value: "且3", |
|
cls: "layout-bg7" |
|
}, |
|
children: [{ |
|
type: "bi.label", |
|
height: 30, |
|
textAlign: "left", |
|
text: "可以理解为一个条件", |
|
value: "可以理解为一个条件" |
|
}, { |
|
type: "bi.label", |
|
height: 30, |
|
textAlign: "left", |
|
text: "可以理解为一个条件v", |
|
value: "可以理解为一个条件v" |
|
}] |
|
}] |
|
}, { |
|
type: "bi.label", |
|
height: 30, |
|
textAlign: "left", |
|
text: "这里是一段文字1xa", |
|
value: "这里是一段文字1xa" |
|
}] |
|
}] |
|
}); |
|
return tree; |
|
}, |
|
|
|
_createBranchMapTree: function () { |
|
var tree = BI.createWidget({ |
|
type: "bi.branch_tree", |
|
el: { |
|
type: "bi.virtual_group" |
|
}, |
|
items: [{ |
|
text: "且", |
|
value: "且1", |
|
cls: "layout-bg7", |
|
children: [{ |
|
type: "bi.label", |
|
height: 30, |
|
textAlign: "left", |
|
text: "这里是一段文字1", |
|
value: "这里是一段文字1" |
|
}, { |
|
text: "或", |
|
value: "或2", |
|
cls: "layout-bg7", |
|
children: [{ |
|
type: "bi.label", |
|
height: 30, |
|
textAlign: "left", |
|
text: "这里是一段文字1435", |
|
value: "这里是一段文字1435" |
|
}, { |
|
type: "bi.label", |
|
height: 30, |
|
textAlign: "left", |
|
text: "这里是一段文字1xx", |
|
value: "这里是一段文字1xx" |
|
}, { |
|
text: "且", |
|
value: "且3", |
|
cls: "layout-bg7", |
|
children: [{ |
|
type: "bi.label", |
|
height: 30, |
|
textAlign: "left", |
|
text: "可以理解为一个条件", |
|
value: "可以理解为一个条件" |
|
}, { |
|
type: "bi.label", |
|
height: 30, |
|
textAlign: "left", |
|
text: "可以理解为一个条件v", |
|
value: "可以理解为一个条件v" |
|
}] |
|
}] |
|
}, { |
|
type: "bi.label", |
|
height: 30, |
|
textAlign: "left", |
|
text: "这里是一段文字1xa", |
|
value: "这里是一段文字1xa" |
|
}] |
|
}] |
|
}); |
|
return tree; |
|
}, |
|
|
|
render: function () { |
|
var tree = this._createBranchTree(); |
|
var mapTree = this._createBranchMapTree(); |
|
|
|
function getItems() { |
|
return [{ |
|
text: "且", |
|
value: "且", |
|
cls: "layout-bg7", |
|
children: [{ |
|
type: "bi.label", |
|
height: 30, |
|
textAlign: "left", |
|
text: "这里是一段文字", |
|
value: "这里是一段文字" |
|
}, { |
|
text: "或", |
|
value: "或2", |
|
cls: "layout-bg7", |
|
children: [{ |
|
type: "bi.label", |
|
height: 30, |
|
textAlign: "left", |
|
text: "这里是一段文字", |
|
value: "这里是一段文字" |
|
}, { |
|
type: "bi.label", |
|
height: 30, |
|
textAlign: "left", |
|
text: "这里是一段文字" , |
|
value: "这里是一段文字" |
|
}, { |
|
text: "且", |
|
value: "且3", |
|
cls: "layout-bg7", |
|
children: [{ |
|
type: "bi.label", |
|
height: 30, |
|
textAlign: "left", |
|
text: "可以理解为一个条件", |
|
value: "可以理解为一个条件" |
|
}] |
|
}] |
|
}, { |
|
type: "bi.label", |
|
height: 30, |
|
textAlign: "left", |
|
text: "这里是一段文字1xa", |
|
value: "这里是一段文字1xa" |
|
}] |
|
}]; |
|
} |
|
|
|
BI.createWidget({ |
|
type: "bi.center", |
|
element: this, |
|
items: [{ |
|
type: "bi.vtape", |
|
items: [{ |
|
el: tree |
|
}, { |
|
height: 30, |
|
el: { |
|
type: "bi.button", |
|
height: 30, |
|
text: "getValue", |
|
handler: function () { |
|
BI.Msg.alert("", tree.getValue()); |
|
} |
|
} |
|
}] |
|
}, { |
|
type: "bi.vtape", |
|
items: [{ |
|
el: mapTree |
|
}, { |
|
height: 30, |
|
el: { |
|
type: "bi.button", |
|
height: 30, |
|
text: "populate", |
|
handler: function () { |
|
mapTree.populate(getItems()); |
|
} |
|
} |
|
}, { |
|
height: 30, |
|
el: { |
|
type: "bi.button", |
|
height: 30, |
|
text: "getValue", |
|
handler: function () { |
|
BI.Msg.alert("", mapTree.getValue()); |
|
} |
|
} |
|
}] |
|
}] |
|
}) |
|
} |
|
}); |
|
$.shortcut("demo.branch_tree", Demo.Func); |