Javascript 模式弹出窗口上的自动完成不工作
在我的MVC应用程序中,我使用autocomplete来填充一些输入框。 在我看来,这很好。 但在模式弹出窗口中,它不起作用。ajax调用用于从数据库中获取列表,但该列表不会显示在搜索框下面 从这里调用弹出窗口Javascript 模式弹出窗口上的自动完成不工作,javascript,jquery,asp.net-mvc,jquery-ui,autocomplete,Javascript,Jquery,Asp.net Mvc,Jquery Ui,Autocomplete,在我的MVC应用程序中,我使用autocomplete来填充一些输入框。 在我看来,这很好。 但在模式弹出窗口中,它不起作用。ajax调用用于从数据库中获取列表,但该列表不会显示在搜索框下面 从这里调用弹出窗口 <a class="btn btn-info btn-xxs get-tender" href="#edit-tender-form" data-toggle="modal" data-tac-tender-url="/Tender/Get" dat
<a class="btn btn-info btn-xxs get-tender"
href="#edit-tender-form"
data-toggle="modal"
data-tac-tender-url="/Tender/Get"
data-tac-tender-status="2,Unsuccessful"
data-tac-tender-id="5">Edit</a>
服务器代码上的断点表明这可以按预期工作
[Authorize]
public ActionResult AutocompleteCompany(string term)
{
var companyTypeId = this.GetCompanyTypeId();
var model =
this.TacUoW.GetCompanyAutocomplete(term, companyTypeId).Take(10).Select(
x => new
{
label = string.Format("{0} - {1}", x.Company, x.Trade),
id = x.CompanyId
});
return this.Json(model, JsonRequestBehavior.AllowGet);
}
那么为什么我不能在“自动完成”输入框下看到“自动完成”中的公司列表呢?它可能在模式后面
var createAutocomplete = function () {
var $input = $(this);
var options = {
source: $input.attr("data-tac-autocomplete"),
select: updateAutocompleteForm,
close: errorAutocompleteForm,
appendTo: $("#edit-tender-form")
};
$(".errorNotSelected").hide();
$input.autocomplete(options);
};
appendTo会将其附加到表单中,如果不起作用,请尝试将其添加到模态元素中,它可能在模态后面
var createAutocomplete = function () {
var $input = $(this);
var options = {
source: $input.attr("data-tac-autocomplete"),
select: updateAutocompleteForm,
close: errorAutocompleteForm,
appendTo: $("#edit-tender-form")
};
$(".errorNotSelected").hide();
$input.autocomplete(options);
};
appendTo会将它附加到表单上,如果不起作用,请尝试将它添加到模态元素中很好,似乎很明显,但我没有想到。很好,似乎很明显,但我没有想到。
var createAutocomplete = function () {
var $input = $(this);
var options = {
source: $input.attr("data-tac-autocomplete"),
select: updateAutocompleteForm,
close: errorAutocompleteForm,
appendTo: $("#edit-tender-form")
};
$(".errorNotSelected").hide();
$input.autocomplete(options);
};