jQuery AutoSuggest - 德魯威爾遜

我想使用Dew Wilson AutoSuggest plugin從服務器獲取json並在我的用戶界面上顯示結果。我的回答看起來象下面這樣：jQuery AutoSuggest - 德魯威爾遜

[{"id":1,"surname":"Surname","forename":"Forename", 
"address":{"id":5,"houseNameOrNumber":"357","addressDetail":"", 
"postCode":"HD3 4GR"},"gender":"F","age":56,"yearOfBirth":1953}]

我打算以顯示汽車意見箱以下信息：

Surname, Forename 
357, HD3 4GR 
F, 56, 1953

有人能指導我如何使用插件來顯示自動提示框中輸入上述信息。

此代碼從服務器獲取響應，可能需要添加一些內容才能使其正常工作。

$("input[type=text]").autoSuggest("http://mysite.com/path/to/script", 
{minChars: 2, matchCase: true});

在此先感謝。

來源

2013-07-04 whitecollar

這是什麼意思呢：「請不在於你必須有一個對象屬性‘值 – whitecollar

可以請你’爲每個數據項（這是現在的selectedValuesProp選項configureable）。」顯示「http://mysite.com/path/to/script」的代碼，實際上響應應該與自動完成支持的數組類似。 –

我有一個Spring MVC控制器，它給了我一個JSON。我已經分享了服務器的迴應。 '@RequestMapping（值= 「/自動提示」，方法= RequestMethod.GET） \t公共列表@ResponseBody自動提示（@RequestParam（「Q」）字符串的queryString）{ \t \t返回pemService.searchPatient（的queryString）; \t}' – whitecollar

您需要使用文檔中引用的selectedItemProp和selectedValueProp選項。

編輯：

您需要使用formatList選項不同的特性結合起來。這裏有一個例子：

$("input[type=text]").autoSuggest("http://mysite.com/path/to/script", 
    {minChars: 2, matchCase: true, 
    formatList: function(data, elem) { 
     var new_elem = elem.html(data.surname + ", " + data.forename + "<br />" + data.address.houseNameOrNumber + ", " + data.address.postCode + "<br />" + data.gender + ", " + data.age + ", " + data.yearOfBirth); 
     return new_elem; 
}});

來源

2013-07-04 12:19:06

我不明白如何在我的jQuery代碼中使用它們。你能舉一個快速的例子嗎？ – whitecollar

是函數'formatList'應該在我從服務器獲得響應後調用。如果是這樣，這段代碼不適合我。我仍然可以看到沒有找到結果，同時我可以正確地看到從服務器返回的響應。 – whitecollar

jQuery AutoSuggest - 德魯威爾遜

回答

相關問題