Пользовательский интерфейс jQuery: автозаполнение - как искать несколько значений в массиве? - PullRequest
Новая
       28

Пользовательский интерфейс jQuery: автозаполнение - как искать несколько значений в массиве?

7 голосов
/ 02 апреля 2012

Если вы посмотрите на следующий JS: (Live: http://jsfiddle.net/RyanWalters/dE6T3/2/)

var projects = [
    {
        value: "jquery",
        label: "jQuery",
        desc: "the write less, do more, JavaScript library",
        icon: "jquery_32x32.png"
    },
    {
        value: "jquery-ui",
        label: "jQuery UI",
        desc: "the official user interface library for jQuery",
        icon: "jqueryui_32x32.png"
    },
    {
        value: "sizzlejs",
        label: "Sizzle JS",
        desc: "a pure-JavaScript CSS selector engine",
        icon: "sizzlejs_32x32.png"
    }
];


$("#autocomplete").autocomplete({
    source: function(request, response){
        var matcher = new RegExp( $.ui.autocomplete.escapeRegex( request.term ), "i" );
        response( $.grep( projects, function( value ) {
            value = value.value || value.desc || value.icon;
            return matcher.test( value );
        }) );
    }
});

Я пытаюсь выполнить поиск автозаполнения для value, desc и iconполя в массиве projects. Однако при вводе значений в поле поиска можно выполнять поиск только в поле value. Поля desc и icon полностью игнорируются.

Как можноЯ делаю так, чтобы я мог искать текст в любом из трех полей?

1 Ответ

11 голосов
/ 02 апреля 2012 
value = value.value || value.desc || value.icon;

Это установит значение на 1-е "thuthy" значение (которое всегда будет value.value).

Попробуйте что-то вроде этого: 

response($.grep(projects, function(value) {
    return matcher.test(value.value) || matcher.test(value.desc) || matcher.test(value.icon);
}));
...