该插件的自动补全功能对于在评论区需要@某人时基本够用
在需求中需要在自动补全时输入中文名和用户ID两种方式进行搜索
由于翻了一些文档和博客没找到在搜索条件中如何添加两种以上搜索条件
英文文档:https://www.wenjiangs.com/doc/base-usage
所以自己捣鼓了一个笨方法:
//后端返回的整个@数组列表
var AllList = [{"name":"熊大","id":"xiongda","fullName":"熊大xiongda"},
{"name":"熊二","id":"xionger","fullName":"熊二xionger"},
{"name":"熊三","id":"xiongsan","fullName":"熊三xiongsan"},
{"name":"熊四","id":"xiongsi","fullName":"熊四xiongsi"},
{"name":"熊五","id":"xiongwu","fullName":"熊五xiongwu"},
{"name":"熊六","id":"xiongliu","fullName":"熊六xiongliu"}];
$('#main-comment').atwho({
at: "@",//符号
data:AllList,//数据来源
displayTpl: "<li>${name}(${id})</li>",//显示模板
insertTpl: "${atwho-at}${id}",//插入模板
searchKey: "fullName",//搜索条件用fullName即可实现两种条件的搜索
limit: 5,//默认只显示多少条
})
做个记录提供思路