jquery - x-editable, bootstrap 和 symfony

Question

我正在尝试让 x-editable、bootstrap 和 symfony 工作。

我能够让它有点兴奋，但我有一段时间了解如何将我的 json 响应放入下拉菜单中。我对整个 jquery、bootstrap 和 symfony 世界都很陌生，所以对我来说放轻松:)

这是我将下拉元素加载到的内联元素：

<a href="#" id="myElement">Admin</a>

然后我用这段代码触发它：

$('#myElement').editable({
        type: 'select',
        value: 2,
        source: '{{ path('product_category_groups') }}'
    });

这是我从 ajax 得到的响应：

{"responseCode":200,"options":[{"value":0,"text":"Guest"},{"value":1,"text":"Service"},{"value":2,"text":"Customer"},{"value":3,"text":"Operator"},{"value":4,"text":"Support"},{"value":5,"text":"Guest"}]}

当 json 响应返回浏览器时，这就是我的下拉框的样子（附图片）。

我无法通过 x-editable 上的文档弄清楚世界上该做什么。任何地方都没有工作示例。

Answer 1

您将对服务端点进行自己的 ajax 调用，然后将选项列表返回给 source 参数，如下所示：

$('#myElement').editable({
        type: 'select',
        value: 2,
        source: function(){
                 var obj; 
                $.get({
                 url: '{{ path('product_category_groups') }}',
                 success: function(resp){obj = resp.options;},
                 async: false,
                 dataType: 'json'
                 });
                 return obj;
        }
    });