自动完成模式弹出不工作
Autocomplete on modal popup not working
在我的MVC应用程序中,我使用自动完成填充一些输入框。在我看来,这是可行的。但在模态弹出中,它不起作用。通过ajax调用从数据库获取列表,但是列表没有出现在搜索框下面。
从这里调用弹出窗口;
<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>
在edit-tender-form中,搜索输入框
<span class="ui-helper-hidden-accessible" role="status" aria-live="polite">10 results are available, use up and down arrow keys to navigate.</span>
<input style="width: 300px;" id="searchTerm" class="input-validation-error" name="searchTerm" type="search" data-tac-autocomplete="/Company/AutocompleteCompany" autocomplete="off">
下面的javascript为所有包含data-tac-autocomplete属性的输入搜索框连接自动完成;
var createAutocomplete = function () {
var $input = $(this);
var options = {
source: $input.attr("data-tac-autocomplete"),
select: updateAutocompleteForm,
close: errorAutocompleteForm
};
$(".errorNotSelected").hide();
$input.autocomplete(options);
};
$("input[data-tac-autocomplete]").each(createAutocomplete);
服务器代码上的断点显示这按预期工作;
[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会将它附加到表单上,如果这不起作用,试着将它添加到modal元素
相关文章:
- 数据属性仅在切换设备模式下工作
- 为什么我的JavaScript在Safari上的严格模式下不能正常工作
- 更改不在引导模式窗口中工作的月份和年份
- 推特Boostrap模式窗口-可拖动不工作
- 如何使引导模式正常工作
- 与未在发布模式下工作的子目录和区域绑定
- 为什么除了html5输入模式属性之外,这个简单的regex在任何地方都能工作
- 为什么我的UI应用程序嵌套在引导模式中时无法工作
- 代码在调试模式下工作
- 选中的单选按钮在jQuery模式对话框中不能正常工作
- bootstrap日期选择器轨道无法通过带有bootstrap模式的simple_form工作
- 我的滑块无法在自动模式下工作
- 事件发射器模式如何在Node,sockets.io中工作
- js不能在bs3ajax模式中工作
- 如何使Asp.net网站同时在IE 11(非可比模式)和IE 8中工作
- Eonasdan日期时间选择器没有'不能在联机模式下工作
- jQuery每5个工作小时重置一次颜色模式
- AJAX 在调试模式下工作,但不是实时的
- 代码仅在调试器模式下工作,断点位于 Consol.log否则不起作用
- config.fullPage = true;在 ckEditor 内联模式下无法正常工作.如何实现这一点