1

プロジェクトで JQuery オートコンプリートを使用しています。そして、このオートコンプリートのソースをテキスト ファイルに設定したいと考えています。

text.txt ファイルの内容 [{ label:"AAA", url:""}, { label:"BBB", url:""}, { label:"CCC", url:""}, ]

このデータを JQuery オートコンプリートに実装する方法。私はこれを試していますが、これは機能していません。

$( "#textbox" ).autocomplete({ source: 'text.txt', }); はtextbox私のテキストボックスのIDで、text.txtはテキストファイルです。

誰かが私を助けてくれたらうれしいです。

4

1 に答える 1

1

jQueryUI オートコンプリートは、プロパティvalueとlabel. したがってurl、デフォルトでは機能しません。したがって、これらのプロパティの名前を変更して、機能するかどうかを確認してください。

他のプロパティを使用したい、または使用する必要がある場合は、元のプロパティに基づいてカスタム オートコンプリート プラグインを作成し、重要なメソッドのみをオーバーライドできます。

例（あなたlabelとurl上記を使用）：

if (typeof ($.ui.autocomplete) != 'undefined') {
    $.widget('custom.autocompleteCustom', $.ui.autocomplete, {
        _renderItem: function (ul, item) {
            // Customize the <li> below to influence what is actually shown
            return $('<li>')
                   .append($('<a>').html(item.label + '<br>' + item.url))
                   .appendTo(ul);
        }
    });
}

というプラグインが登録されましたautocompleteCustom。次のように使用できます。

$('#someElement').autocompleteCustom({
    minLength: 2,
    select: function (event, ui) {
        // You can access ui.item.label, ui.item.url here
    },
    source: '/some/url'
});

お役に立てれば。

于 2013-03-19T08:30:49.407 に答える