jQuery UI的帮手MVC选择事件
问题描述:
我试图访问“选择”事件,当用户从jQuery用户界面自动完成填充的列表中选择我想触发一个事件时调用jQuery用户界面自动完成“选择”事件。
我的问题是
我使用JqueryUiHelper MVC和不知道如何使用的HtmlHelper http://jqueryuihelpers.apphb.com/Docmo/AutocompletejQuery UI的帮手MVC选择事件
@using JQueryUIHelpers
@Html.JQueryUI().AutocompleteFor(x => x.SearchText, Url.Action("SearchFilter"), new { @class = "form-control", placeholder = "Company name here for search..", style = "max-width:none;" }
)
@section Styles {
@Styles.Render("~/Content/jqueryui")
}
@section Scripts {
@Scripts.Render("~/bundles/jqueryui")
}
任何帮助,将不胜感激使用select事件。
答
我想出了解决方案,从https://api.jqueryui.com/autocomplete/#event-select
绑定了一个事件侦听器autocompleteselect事件:
$(function() {
$("#SearchText").on("autocompleteselect", function (event, ui) {
event.preventDefault();
$(this).val(ui.item.value);
$('#btnGo').click();
});
});
首先,'@ Html.JQueryUI()AutocompleteFor(X => x.SearchText,.. ...)'应该放在'@Scripts.Render section'之后。 – mmushtaq
其工作正常的脚本在章节中定义。 –