jquery ui自动完成自定义数据(项目未定义)

时间:2016-11-02 12:14:58

标签: javascript c# jquery jquery-ui model-view-controller

我的剧本

$("#NameSearch").autocomplete({
                                       minLength: 0,
                                       source: function (request, response) {
                                           $.ajax({
                                               url: "/home/universalsearch/" + document.getElementById("filterUniversalSearchList").value + "/" + $("#NameSearch").val(),
                                               type: "POST",
                                               dataType: "json",
                                               data: {
                                                   searchFilter: document.getElementById("filterUniversalSearchList").value,
                                                   term: request.term,
                                               },
                                               success: function (data) {
                                                   response($.map(data, function (item) {
                                                       return { label: item.EmployeeName, id: item.EmployeeID}
                                                   }))
                                               }
                                           });
                                       },     
                                       focus: function (event, ui) {
                                           $("#NameSearch").val(ui.item.label);
                                           return false;
                                       },
                                       select: function (event, ui) {
                                           $("#NameSearch").val(ui.item.label);
                                           return false;
                                       }
                                   })
                                   .autocomplete("instance")._renderItem = function (ul, item) {
                                       return $("<li>")
                                         .append("<div>" + item.label + "<br>" + item.id + "</div>")
                                         .appendTo(ul);
                                   };
                               });

控制器:

public JsonResult UniversalSearch(string searchFilter, string searchText)
        {
            var Employees = _home.GetEmployeeDetails(searchFilter, searchText);
            return Json(new { data = Employees }, JsonRequestBehavior.AllowGet);

        }

我面临的问题是自动完成下拉列表我得到的是未定义的。 从控制器返回作为对象数组image of data from controller

我认为我在错误地绑定数据方面犯了错误。 item.EmployeeName and item.EmployeeID 下拉结果显示为未定义。 这个问题是由于jqueru-ui版本吗?

0 个答案:

没有答案