使用initSelection ajax调用选择2显示undefined

时间:2014-06-28 00:33:45

标签: javascript jquery ajax jquery-select2

我正在尝试使用远程ajax调用和initSelection函数将一个条目预加载到Select2中。我的问题似乎与this question类似,但这两个答案对我都不起作用。

调用工作并以json格式返回正确的结果,问题似乎是回调没有以正确的格式发送数据对象。

j("#selectElement").select2({
    placeholder: "Placeholder text",
    multiple: false,
    minimumInputLength: 1,
    ajax: {
        url: "/getfiles",
        dataType: 'json',
        data: function (term, page) {
            return {
                q: term //search term
            };
        },
        results: function (data, page) {
            return data;
        }
    },
    initSelection: function(element, callback) {
        return j.getJSON("/getfiles?id=" + (element.val()), null, function(data) {
            if (j.isFunction(callback)) {
                //alert(JSON.stringify(data, null, 4));
                return callback(data);
            }
        });
    }
});

当我提醒数据对象时,它会返回以下数据:

{
"results": [
    {
        "id": "1",
        "text": "Name of the file"
    }
],
"more": "false"

}

最终结果是文本“undefined”被加载到select2输入中。

我非常感谢任何协助。

1 个答案:

答案 0 :(得分:2)

解决方案是像这样格式化回调数据

return callback(data.results[0]);

归功于这个问题/答案:Select2 and initSelection callback