jquery ui v1.10.3 と style v1.10.3 ライブラリを使用しています。jquery klibrary のバージョンは v1.9.1 です
これは私のテキストボックスです
<input type="text" name="txtCustomer" id="txtCustomer" />
そして私はこのjsを持っています
$("#txtCustomer").autocomplete({
source: function (request, response) {
$.ajax({
url: '/kpanel/handlers/content.aspx?act=getCustomer&d=' + d,
dataType: 'json',
data: { name: encodeURI(request.term) },
success: function (z) {
response($.map(z.Data, function (item) {
return {
label: item.Name,
value: item.Name
}));
}
});
},
select: function (event, ui) {
$("#lblType").html(ui.item.TypeName);
$("#lblCode").html(ui.item.CustomerCode);
},
open: function () {
$(this).removeClass("ui-corner-all").addClass("ui-corner-top");
},
close: function () {
$(this).removeClass("ui-corner-top").addClass("ui-corner-all");
}
});
これが私の結果Json Dataです
{
"Data": [
{
"Name": "Kolya Husten",
"CustomerCode": "MT20132645",
"TypeName": "Normal",
"Email": "kolya@husten.com",
"Telephone": "0(234)567-89-45",
"MobilePhone": "0(234)567-89-76",
"DiscountRatio": "0"
},
{
"Name": "Loya Mantus",
"CustomerCode": "MT20132602",
"TypeName": "Normal",
"Email": "loya@mantus.com",
"Telephone": "0(212)268-02-22",
"MobilePhone": "0(536)448-96-67",
"DiscountRatio": "10"
}
]
}
すべてがうまく見えますが、結果は画像のように表示されません