javascript - 可使用 select2 和 Ember.js 进行 X 编辑

Question

我正在尝试在 Ember.js 应用程序中使用 x-editable 和 select2。

我创建了以下可编辑元素：

<a href="javascript:;" class="input-xlarge editable" data-url="children" multiple="multiple" data-pk="1">Test parent</a>

并使用了这个 JavaScript：

$(function() {
    $.fn.editable.defaults.mode = 'inline';

    $('.editable').editable({
        type: 'select2',

        select2: {
            placeholder: "Search for a parent...",
            minimumInputLength: 3,
            multiple: true,
            ajax: {
                url: 'http://localhost:8001/api/parents',
                dataType: 'json',
                data: function (term, page) {
                    return { q: term }; // search term
                },
                results: function (data, page) {
                    return {results: data};
                }
            },
            formatResult: function(result) {
                return result.first_name + ' ' + result.last_name;
            },
            formatSelection: function(selection) {
                return selection.first_name + ' ' + selection.last_name;
            }
        },

        // Used for sending JSON instead of form data
        params: function(params) {
            return JSON.stringify(params);
        }
    });
});

当我单击Test childajax 微调器时，会出现控制台中的以下错误：Uncaught TypeError: Cannot read property 'id' of null

它指的是：

$.fn.select2.defaults = {
    ...
    id: function (e) { return e.id; },
    ...
}

我在这里做错了什么？谢谢！

Answer 1

您是否正在利用 X-Editable 的success方法？

这是一篇关于公司如何在 Ember 应用程序中实现 X-Editable 的有趣文章：http: //blogs.visoftinc.com/2014/11/12/using-xeditable-with-ember/