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;
        }
    });