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

回答

相關問題