JQuery UI Автозаполнение - PullRequest
       2

JQuery UI Автозаполнение

1 голос
/ 07 апреля 2011

Я пытаюсь заставить мой JQuery UI Autocomplete работать так, как я хочу, но я не совсем уверен, что делать.Сначала я не могу заставить загрузку работать в поле ввода.Я также хочу, чтобы jQuery сопоставлял результаты поиска по первой букве, например, если источником является

яблочная кола чайная морковь

, поэтому при вводе A оно сначала сопоставляет любое слово с буквой "A" иесли вы ищете, скажем, "cola", jQuery будет выделять каждую букву при вводе части результатов, поэтому при вводе "co" будет выделен мой текущий код

$("#ui_query").autocomplete({ autoFocus: true });
$("#ui_query").autocomplete({ disabled: false });
$("#ui_query").autocomplete({ minLength: 2 });

    $(".ui-autocomplete-loading").ajaxStart(function(){
    $(this).show();
    });

    $(".ui-autocomplete-loading").ajaxStop(function(){
    $(this).hide();
    });

    $(document).ready(function() {
    $("#ui_query").autocomplete({
    source: [
             "Bleach",
             "Naruto",
             "Level E",
             "Kore wa Zombie desu ka",
             "Onii-chan no Koto Nanka Zenzen Suki Janain Dakara ne!!",
             "Mobile Suit Gundam SEED Destiny",
             "Mobile Suit Gundam SEED",
             "One Piece",
             "Freezing",
             "To Aru Majutsu No Index 2",
             "IS: Infinite Stratos",
             "Gosick",
             "Mahou Shoujo Madoka Magica",
             "Yumekui Merry",
             "Hyakka Ryouran: Samurai Girls",
             "After War Gundam X",
             "Mobile Suit Gundam",
             "Mobile Suit Gundam 00",
             "Fullmetal Alchemist: Brotherhood",
             "Fullmetal Alchemist",
             "Tengen Toppa Gurren Lagann",
             "Code Geass: Hangyaku no Lelouch",
             "11eyes",
             "Code Geass: Hangyaku no Lelouch R2",
             ]
    });
    });

, заранее спасибо

1 Ответ

2 голосов
/ 07 апреля 2011

Похоже, что плагин автозаполнения пользовательского интерфейса jQuery не поддерживает форматирование результатов перед отображением, в отличие от это его предшественник . Вы можете увидеть полный список функций и эквивалент других функций здесь .

Однако вы можете смоделировать этот эффект, написав собственный обработчик для данных. Вот официальная демонстрация , которая делает то, что вы хотите - источник доступен.

Этот вопрос на SO задавал то же самое и monkey-patching был предложен плагин.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...