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.
107 lines
4.2 KiB
107 lines
4.2 KiB
Demo.Func = BI.inherit(BI.Widget, { |
|
props: { |
|
baseCls: "demo-func" |
|
}, |
|
|
|
mounted: function () { |
|
this.syncTree1.stroke({ |
|
keyword: "1" |
|
}); |
|
this.syncTree2.stroke({ |
|
keyword: "1" |
|
}); |
|
}, |
|
|
|
render: function () { |
|
var self = this; |
|
return { |
|
type: "bi.vtape", |
|
rowSize: [0.5, 0.5], |
|
items: [ |
|
{ |
|
type: "bi.vtape", |
|
items: [ |
|
{ |
|
type: "bi.label", |
|
height: 50, |
|
text: "可以异步获取数据的树" |
|
}, { |
|
type: "bi.async_tree", |
|
ref: function (_ref) { |
|
self.syncTree1 = _ref; |
|
}, |
|
paras: { |
|
selectedValues: { "1": {}, "2": { "1": {} } } |
|
}, |
|
itemsCreator: function (op, callback) { |
|
callback({ |
|
items: [{ |
|
id: (op.id || "") + "1", |
|
pId: op.id, |
|
text: (op.id || "") + "1", |
|
isParent: true, |
|
iconCls: "close-h-font" |
|
}, { |
|
id: (op.id || "") + "2", |
|
pId: op.id, |
|
text: (op.id || "") + "2", |
|
iconCls: "search-font" |
|
}, { |
|
id: (op.id || "") + "3", |
|
pId: op.id, |
|
text: (op.id || "") + "3", |
|
iconCls: "date-font" |
|
}], |
|
hasNext: BI.isNull(op.id) |
|
}); |
|
} |
|
}, |
|
] |
|
}, |
|
{ |
|
type: "bi.vtape", |
|
items: [ |
|
{ |
|
type: "bi.label", |
|
height: 50, |
|
text: "showIcon属性搭配节点iconCls,可以显示图标" |
|
}, { |
|
type: "bi.async_tree", |
|
ref: function (_ref) { |
|
self.syncTree2 = _ref; |
|
}, |
|
paras: { |
|
selectedValues: { "1": {}, "2": { "1": {} } } |
|
}, |
|
showIcon: true, |
|
itemsCreator: function (op, callback) { |
|
callback({ |
|
items: [{ |
|
id: (op.id || "") + "1", |
|
pId: op.id, |
|
text: (op.id || "") + "1", |
|
isParent: true, |
|
iconCls: "close-h-font" |
|
}, { |
|
id: (op.id || "") + "2", |
|
pId: op.id, |
|
text: (op.id || "") + "2", |
|
iconCls: "search-font" |
|
}, { |
|
id: (op.id || "") + "3", |
|
pId: op.id, |
|
text: (op.id || "") + "3", |
|
iconCls: "date-font" |
|
}], |
|
hasNext: BI.isNull(op.id) |
|
}); |
|
} |
|
}, |
|
] |
|
} |
|
] |
|
}; |
|
|
|
} |
|
}); |
|
BI.shortcut("demo.sync_tree", Demo.Func);
|
|
|