0

Jquery UI オートコンプリートを使い始めたところです。私がそれを機能させる方法は、JSON データを使用することです。

今のところ、すべて次のような数千の JSON エントリを静かにします。

{
"FirstName": "Name",
"LastName": "Surname",
"Initials": "mtg",
"EmploymentDescription": "Udbudskonsulent"
},

今、「イニシャル」の値に基づいて検索結果の量を制限するために自動競合が必要です。残念ながら、自動競合は、ラベル、値、および ID キーの後の値のみを並べ替えます。つまり、「イニシャル」の名前をこれらの値のいずれかに変更すると、問題が解決するはずです。残念ながら、それはオプションではないため、オートコンプリータを希望どおりに動作させる別の方法が必要です。

それで、オートコンプリーターに助けてもらうための提案はありますか?

前もって感謝します!

4

1 に答える 1

0

私が質問を受け取る限り、私が間違っている場合は修正してください。ユーザーはmtgと入力して検索します

JSON スニペットを次のように変更します (:) 。

   {
"FirstName": "Micheal",
"LastName": "TobiasGrey",
"Initials": "mtg",
"EmploymentDescription": "StackOverflowGuy"
},

Micheal TobiasGreyがリストに表示されるはずです (mtg と Michael の関係がサーバー側で確立されていると仮定します)。

次のように、オートコンプリート ウィジェットにカスタム結果を独自のラベルと値として表示させることができます。

$.ajax({
type: "POST",
url : "/CCInfoHandlerServlet",
data : param,
dataType : 'json',
success :function( data)
{

        response($.map(data,function(item){


            return {
                    value : item.FirstName+""+item.LastName,//This will be displayed in ur text field after selection
                    label : item.FirstName+""+item.LastName, //This will be displayed in ur suggestion list

                 };

            }));//response method ends- this passes the data

},//Success ends 
于 2013-01-24T14:01:00.337 に答える