使用自定义JSON对象的jQuery UI自动完成

Question

当返回的JSON是一个数组时，jQuery UI自动完成（下面的代码）工作得很好。但我返回的JSON是一个包含数组的对象。所以不是Rows[]而是Object.Rows[]

我似乎无法在下面获得语法。我原本以为项目会切换到item.Rows，但这似乎没有用。帮助

$('#reportingLocationLookup').autocomplete({
    minLength: 3,
    delay: 1000, //milliseconds,  
    source: function (request, response) {
        var dto = { 'term': request.term, 'take': 10 };
        //Ajax
        var urlMethod = window.siteRoot + "Invoices/ListPostalLocations";
        var jsonData = JSON.stringify(dto);
        window.SendAjax(urlMethod, jsonData, response);
    },
    focus: function () {
        return false;
    },
    select: function (event, ui) {
        return false;
    }
}).data("autocomplete")._renderItem = function (ul, item) {
    return $("<li></li>")
    .data("item.autocomplete", item)
    .append("<a>" + item.PostalCode + " - " + item.CityAlias + ", " + item.StateAbbreviation + "</a>").appendTo(ul);
};

Answer 1

自动填充小部件需要将Array提供给response功能。这意味着您将不得不调整success来电的SendAjax参数：

/* snip */
source: function (request, response) {
    var dto = { 'term': request.term, 'take': 10 };
    //Ajax
    var urlMethod = window.siteRoot + "Invoices/ListPostalLocations";
    var jsonData = JSON.stringify(dto);
    window.SendAjax(urlMethod, jsonData, function(data) {
        response(data.Rows);
    });
},
/* snip */

基本上，在响应对象中发送response（自动完成提供的回调函数）数组。