Appearance
开发搜索框
什么是搜索框
界面右上角搜索框可为所有业务场景公用,任务业务模板均可为搜索框提供搜索数据。

自定义数据提供者
js
// 定义搜索数据提供者
export class MemberSearchProvider implements ISearchProvider
{
id: string = 'MemberSearchProvider' // 用于唯一验证,删除时使用
// 输入框输入后,会调用此方法进行搜索
search = (keyword) => {
let datas: Array<SearchItem> = [
{ cate: '会员', title: '匿名', desc: '此为匿名会员', func: () => { console.log() } }
]
return datas;
}
}
// 组件安装时,将提供者加入到application
let install = function(vue: any){
jingjian.application.searchController.addProvider(new MemberSearchProvider())
}
export default {
install,
}