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.
73 lines
2.7 KiB
73 lines
2.7 KiB
Demo.West = BI.inherit(BI.Widget, { |
|
props: { |
|
baseCls: "demo-west bi-border-right bi-card" |
|
}, |
|
|
|
mounted: function () { |
|
this.searcher.setAdapter(this.tree); |
|
}, |
|
|
|
render: function () { |
|
var self = this; |
|
return { |
|
type: "bi.vtape", |
|
items: [{ |
|
type: "bi.center_adapt", |
|
items: [{ |
|
type: "bi.searcher", |
|
el: { |
|
type: "bi.search_editor", |
|
watermark: "简单搜索" |
|
}, |
|
width: 200, |
|
isAutoSearch: false, |
|
isAutoSync: false, |
|
ref: function (ref) { |
|
self.searcher = ref; |
|
}, |
|
popup: { |
|
type: "bi.multilayer_single_level_tree", |
|
cls: "bi-card", |
|
listeners: [{ |
|
eventName: BI.MultiLayerSingleLevelTree.EVENT_CHANGE, |
|
action: function (v) { |
|
self.fireEvent(Demo.West.EVENT_VALUE_CHANGE, v); |
|
} |
|
}] |
|
}, |
|
onSearch: function (op, callback) { |
|
var result = BI.Func.getSearchResult(Demo.CONFIG, op.keyword, "text"); |
|
var items = BI.concat(result.match, result.find); |
|
var children = []; |
|
BI.each(items, function (index, item) { |
|
var childList = BI.Func.getSearchResult(Demo.CONFIG, item.id, "pId"); |
|
BI.each(childList.match, function (index, child) { |
|
if (child.value) { |
|
children.push(child); |
|
} |
|
}); |
|
}); |
|
items = BI.concat(items, children); |
|
callback(items); |
|
} |
|
}], |
|
height: 40 |
|
}, { |
|
type: "bi.multilayer_single_level_tree", |
|
listeners: [{ |
|
eventName: BI.MultiLayerSingleLevelTree.EVENT_CHANGE, |
|
action: function (v) { |
|
self.fireEvent(Demo.West.EVENT_VALUE_CHANGE, v); |
|
} |
|
}], |
|
value: Demo.showIndex, |
|
items: Demo.CONFIG, |
|
ref: function (ref) { |
|
self.tree = ref; |
|
} |
|
}] |
|
}; |
|
} |
|
}); |
|
Demo.West.EVENT_VALUE_CHANGE = "EVENT_VALUE_CHANGE"; |
|
BI.shortcut("demo.west", Demo.West); |