jQuery自动完成（devbridge）lookupFilter搜索多个属性 [英] jQuery autocomplete (devbridge) lookupFilter to search multiple attributes

问题描述

我有下面的代码 -

I have below code-

$(function() {

var fruits = [
   { value: 'Apple',id: '123',  data: 'Apple' },
   { value: 'Pear', id: '543',   data: 'Pear' },
   { value: 'Carrot', id: '123', data: 'Carrot' },
   { value: 'Cherry', id: '234', data: 'Cherry' },
   { value: 'Banana', id: '543', data: 'Banana' },
   { value: 'Radish', id: '3423', data: 'Radish' }
];

  $("#autocomplete").autocomplete({
        lookup: fruits,
        onSelect: function (suggestion) {
          alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
        },
  });
});

我想根据'value'和'id'进行搜索。有lookupFilter函数，但我不知道如何使用它。这是原始脚本 - https://www.devbridge.com/sourcery/components/ jquery-autocomplete /
和以下是similer问题 - jQuery autocomplete（devbridge）从头开始搜索


请帮助！

I want to do search based on 'value' and 'id' both. There is lookupFilter function but i dont know how to use it. Here is original script - https://www.devbridge.com/sourcery/components/jquery-autocomplete/ and Here is something similer question - jQuery autocomplete (devbridge) search from beginning
Help please!

推荐答案

你可以试试下面的代码：

Can you try with below code:

$(function() {

var fruits = [
   { value: 'Apple',id: '123',  data: 'Apple' },
   { value: 'Pear', id: '543',   data: 'Pear' },
   { value: 'Carrot', id: '123', data: 'Carrot' },
   { value: 'Cherry', id: '234', data: 'Cherry' },
   { value: 'Banana', id: '543', data: 'Banana' },
   { value: 'Radish', id: '3423', data: 'Radish' }
];

  $("#autocomplete").autocomplete({
        lookup: fruits,
        onSelect: function (suggestion) {
          alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
        },
        lookupFilter: function (suggestion, query, queryLowerCase) {
            return suggestion.value.toLowerCase().indexOf(queryLowerCase) < -1 || suggestion.id.toLowerCase().indexOf(queryLowerCase) < -1; //checking with both id as well as value
        }
  });
});

注意：我无法测试此代码，但我相信它应该适合您。

Note: I couldn't able to test this code but i believe it should work for you.

这篇关于jQuery自动完成（devbridge）lookupFilter搜索多个属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！