在JQuery UI上选择事件autocompleter没有被解雇

Question

我想使用jQuery UI，但我似乎无法弄清楚如何让select事件执行。

我的autocompleter绑定如下：

$().ready(function() { 
    $("#txtPersonSearch").autocomplete({ 
     source: '<%=Url.Action("GetPeople") %>', 
     minLength: 3, 
     select: function (event, ui) { 
      // This code is never reached 
      console.log(ui); 
     } 
    }); 
}); 

我缺少的东西是能够绑定到select事件？

Answer 1

也许您的控制器操作会引发异常。让我们采取以下措施：

public ActionResult GetPeople(string term) 
{ 
    // the term parameter will contain the search string 
    // TODO: use the term parameter to filter the results from 
    // your repository. In this example the result is hardcoded 
    // to verify that the everything works. 
    return Json(new[] 
    { 
     new { id = "1", label = "label 1", value = "value 1" }, 
     new { id = "2", label = "label 2", value = "value 2" }, 
     new { id = "3", label = "label 3", value = "value 3" }, 
    }, JsonRequestBehavior.AllowGet); 
} 

事情需要提防：

• 控制器的动作是GET动词访问（JsonRequestBehavior.AllowGet）
• 控制器动作返回一个JSON数组，其中每个项目都有标识和值属性
• 控制器操作不会抛出异常

然后：

$(function() { 
    $('#txtMovieSearch').autocomplete({ 
     source: '<%= Url.Action("GetPeople") %>', 
     minLength: 3, 
     select: function (evt, ui) { 
      console.log(ui); 
     } 
    }); 
}); 

最后使用FireBug来分析究竟是发送到您的服务器作为一个AJAX请求和服务器的响应。