如何使用ember-power-select搜索姓名或电子邮件
如何使用ember-power-select搜索姓名或电子邮件
提问于 2020-04-20 22:29:56
我使用了一个名为ember-power-select的插件。
Github：https://github.com/cibernox/ember-power-select
搜索文档：https://ember-power-select.com/docs/the-search
多选文档：https://ember-power-select.com/docs/multiple-selection/
问:如何使用name或email进行搜索
/template.hbs
<PowerSelectMultiple
@searchEnabled={{true}}
@options={{this.authors}}
@selected={{this.author}}
@searchField="email"
@placeholder="Select some names..."
@onChange={{fn (mut this.author)}} as |author|>
{{name}}
</PowerSelectMultiple>/controller.js
authors = [
{ name: 'Foo', email: 'foo@gmail.com' },
{ name: 'Bar', email: 'bar@gmail.com'},
{ name: 'Baz' email: 'baz@gmai.com'}
]回答 1
Stack Overflow用户
发布于 2020-04-20 23:59:06
// controller .js
authors = [
{ name: 'Foo', email: 'foo@gmail.com' },
{ name: 'Bar', email: 'bar@gmail.com'},
{ name: 'Baz' email: 'baz@gmai.com'}
]
// add below method you can do something like this
searchMethod(term) {
let result = '';
result = this.authors.filter((item)=>{
if(term == item.name || term == item.email){
return true;
});
return result;
}/*template.hbs */
<PowerSelectMultiple
@searchEnabled={{true}}
@options={{this.authors}}
@selected={{this.author}}
@search={{this.searchMethod}} /* add @search */
@searchField="email"
@placeholder="Select some names..."
@onChange={{fn (mut this.author)}} as |author|>
{{name}}
</PowerSelectMultiple>
You can refer this link from Power-select DOC's
我不确定searchMethod的返回类型，你可以检查power-select库，然后根据需要进行自定义。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61324969
复制相关文章
相似问题
腾讯云开发者
