2016-12-20 57 views
3

我试图访问“选择”事件,当用户从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事件。

+0

首先,'@ Html.JQueryUI()AutocompleteFor(X => x.SearchText,.. ...)'应该放在'@Scripts.Render section'之后。 – mmushtaq

+0

其工作正常的脚本在章节中定义。 –

回答

2

我想出了解决方案,从https://api.jqueryui.com/autocomplete/#event-select
绑定了一个事件侦听器autocompleteselect事件:

$(function() { 
     $("#SearchText").on("autocompleteselect", function (event, ui) { 

      event.preventDefault(); 
      $(this).val(ui.item.value); 
      $('#btnGo').click(); 

     }); 
    });