x-editable，bootstrap和symfony

我想让x-editable，bootstrap和symfony工作。x-editable，bootstrap和symfony

我能够得到它有点jiving，但我有一个时间了解如何让我的JSON响应到下拉菜单。我所有新来这整个jQuery的，引导和symfony的世界这样下去容易对我:)

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

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

然后我触发它与这个代码片段：

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

这是我回来从阿贾克斯响应：

{"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响应回到浏览器（图片附加）时的样子。 enter image description here

我无法弄清楚世界上要通过x-editable上的文档来做什么。没有任何工作的例子。

来源

2013-03-19 LargeTuna

X编辑需要你'options'数组的内容。是否有可能从服务器返回该数组？ – robertklep 2013-03-19 13:04:51

你会让自己的Ajax调用你的服务端点，然后在选项列表返回到这样源参数：

$('#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; 
     } 
    });

来源

2013-03-19 21:04:36

x-editable，bootstrap和symfony

回答

相关问题