jquery自动完成返回值

时间:2012-06-24 19:18:58

标签: jquery asp.net-mvc-3 entity-framework

我在视图上使用了几个jQuery自动完成函数来检索CustomerName和CustomerID。

$(document).ready(function () {
    $('#CustomerByName').autocomplete({
        source: function (request, response) {
            $.ajax({
                url: "/Cases/FindByName",
                type: "GET",
                dataType: "json",
                data: {
                    searchText: request.term,
                    maxResults: 10
                },
                contentType: "application/json; charset=utf-8",
                success: function (data) {
                    response($.map(data, function (item) {
                        return {
                            label: item.CustomerName,
                            value: item.CustomerName,
                            id: item.CustomerID
                        }
                    }));
                }
            });
        },
        minLength: 1,
        select: function (event, ui) {
            $('#CustomerID').val(ui.item.id);
        },
    });
});

成功回复给我标签,价值,身份证明。有没有办法访问json数据中的其他字段返回?在这种情况下,整个表将以json的形式返回。

由于

1 个答案:

答案 0 :(得分:2)

修改成功功能,以包括您要在选择中使用的任何额外字段。

success: function (data) {
              response($.map(data, function (item) {
                  return {
                      label: item.CustomerName,
                      value: item.CustomerName,
                      id: item.CustomerID,
                      // extra fields go here
                      address: item.CustomerAddress
                  }
              }));
          }

然后你可以在select函数中访问它们,如下所示:

select: function (event, ui) {
    $('#CustomerID').val(ui.item.id);
    alert('CustomerAddress is ' + ui.item.address);
},