使用具有多个值的EasyAutocomplete插件自动完成搜索输入

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用具有多个值的EasyAutocomplete插件自动完成搜索输入相关的知识,希望对你有一定的参考价值。

我正在使用EasyAutocomplete插件自动完成搜索框,插件工作正常,当我只搜索一种类型。我的意思是我只有一个搜索选项,而我希望我可以搜索多个值,即按名称或姓氏等。

这是我的代码:

var options = {
        url: "https://coincap.io/front",

        getValue: "long",

        template: {
            type: "description",
            fields: {
                description: "short"
            }
        },

        list: {
            match: {
                enabled: true
            },

        },

        theme: "plate-dark"
    };

    $("#searching").easyAutocomplete(options);

现在这是api从我获得加密货币的价值,目前我正在搜索其long名称,它工作正常,但我想搜索short名称。

抱歉我的英语不好..我希望你有我的问题。谢谢

答案

这个插件允许使用功能,通过功能你可以做到这一点。

var options = {
    url: "https://coincap.io/front",

    getValue: function(element){
                 return element.long+" - "+element.short;
              },
   /*
    template: {
        type: "description",
        fields: {
            description: "short"
        } 
    }, */

    list: {
        match: {
            enabled: true
        },

    },

    theme: "plate-dark"
};

$("#searching").easyAutocomplete(options);

以上是关于使用具有多个值的EasyAutocomplete插件自动完成搜索输入的主要内容,如果未能解决你的问题,请参考以下文章

使用具有多个值的键创建 NSDictionary

使用 Linq 执行具有多个值的包含

使用窗口函数更新具有多个值的列

在 WPF 中使用具有多个值的 DataTrigger

如何使用 Flutter 在 Firestore 中删除具有特定值的多个文档

透视具有多个值的表