問題からデータを取得するには、input-combobox
開いたとき(ボタンをクリックしたとき)にすべてのデータを表示したいので、関数でを定義する必要がありますが、方法がわかりません。outocomplete
json
combobox
initialValues
コード:
$(document).ready(function () {
$("#auto").combobox({
initialValues: {//here I don't know what to write
},
source: function (request, response) {
$.getJSON('http://<%=HttpContext.Current.Items["ip"].ToString()%>/JSON/Auctocomplete.aspx?city=1' + "&term=" + request.term, function (data) { response(data); });
}
});
});
$.widget("ui.combobox", {
_create: function () {
var _self = this
, options = $.extend({}, this.options, {
minLength: 0,
source: function (request, response) {
if (!request.term.length) {
response(_self.options.initialValues);
} else {
if (typeof _self.options.source === "function") {
_self.options.source(request, response);
} else if (typeof _self.options.source === "string") {
$.ajax({
url: _self.options.source,
data: request,
dataType: "json",
success: function (data, status) {
response(data);
},
error: function () {
response([]);
}
});
}
}
}
});
this.element.autocomplete(options);
this.button = $("<button type='button'> </button>")
.attr("tabIndex", -1)
.attr("title", "הראה את כל הערים")
.insertAfter(this.element)
.button({
icons: {
primary: "ui-icon-triangle-1-s"
},
text: false
})
.removeClass("ui-corner-all")
.addClass("ui-corner-right ui-button-icon")
.click(function () {
if (_self.element.autocomplete("widget").is(":visible")) {
_self.element.autocomplete("close");
return;
}
_self.element.autocomplete("search", "");
_self.element.focus();
});
}
});