2016-12-20 89 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(); 

     }); 
    });