需求:autocomplete控件,当点击获得焦点的时候也要弹出下拉列表(autocomplete默认是输入之后才会跟随出下拉列表),下面直接贴代码。
js代码:
$("#customerName").autocomplete({ minLength: 0, source: function (request, response) { var customerName = $("#customerName").val(); $.ajax({ url: "/api/pmstransaction/getcustomerinfo", dataType: "json", data: { customerName: customerName }, success: function (data) { response(data.Data); } }); }, focus: function (event, ui) { $("#customerName").val(ui.item.CustomerName); return false; }, select: function (event, ui) { module.viewModel.customerInfo.CustomerName(ui.item.CustomerName); module.viewModel.customerInfo.CustomerTaxCode(ui.item.CustomerTaxCode); module.viewModel.customerInfo.CustomerAddressPhone(ui.item.CustomerAddressPhone); module.viewModel.customerInfo.CustomerBankAccount(ui.item.CustomerBankAccount); return false; } }).focus(function () { $(this).autocomplete("search"); }).autocomplete("instance")._renderItem = function (ul, item) { return $("<li>") .append("<div>" + item.CustomerName + "</div>") .appendTo(ul); }
重点代码
focus(function () {
$(this).autocomplete("search");
})