1

私はオートコンプリート機能を持っていますが、エラーがあります。どのように応答コードを正しくフォーマットするのですか?
応答コードCodeigniterを使用してJquery-uiオートコンプリートを使用して応答テキストを表示する方法

{ 
    label: "Label 1", 
    value: "27" 
}, 
{ 
    label: "Label 2", 
    value: "18" 
}, 
{ 
    label: "Dave", 
    value: "25" 
}, 
{ 
    label: "Jacqui Potatoes", 
    value: "17" 
}

Javascriptを

$("#account_search .ac_input").autocomplete({ 

    minLength: 0, 
    source: base_url + "accounts/ac_results/account_name",  
    dataType: "json", 
    type: "POST", 

}).data("autocomplete")._renderItem = function(ul, item) { 

    .data("item.autocomplete", item) 
    .append("<a>" + item.label + "<br>" + item.desc + "</a>") 
    .appendTo(ul); 
    return $("<li></li>"); 
}; 

は、私はそれが何らかの形で働いているが.data()機能が問題だと思います。私もしませんでしたitem.descを置き換え

.data("autocomplete")._renderItem = function(ul, item) { 
    return $("<li></li>") 
     .data("item.autocomplete", item) 
     .append("<a>" + item.label + "<br>" + item.value + "</a>") 
     .appendTo(ul); 
}; 

:私はあなたが_renderItem機能(あなたが新たに作成された<li></li>.dataを呼び出す必要があります)でエラーを持っているラベルと値

答えて

0

の両方にアクセスしたいと思いますあなたのJSON応答にはitem.valueという名前で存在します。

脇役として、その機能をオーバーライドする必要はありません。それぞれのアイテムが提案リスト内でどのように見えるかを変更したい場合にのみ使用する必要があります。

また、オプションオブジェクトで余分なカンマを削除してください。

$("#account_search .ac_input").autocomplete({ 
    minLength: 0, 
    source: base_url + "accounts/ac_results/account_name" 
}); 

(ローカルデータソース):私はこのコードを使用するとhttp://jsfiddle.net/nG8Q4/

+0

私は入力の下に何も結果を得るていない、唯一の応答テキストに加え、オプションdataTypetypeはとにかく有効なオプションではありませんFireBug – JPickup

+0

私はちょうど答えを更新しました。そのことが分かれば教えてください。 –

+0

残念ながら、これはうまくいきません。あなたのコードが動作した後に余分な ');'を追加してエラーが発生した場合。私は困惑している! – JPickup

関連する問題