0

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 のドキュメントを参照して、世界で何をすべきかわかりません。どこにも実用的な例はありません。

4

1 に答える 1

0

サービスエンドポイントに対して独自の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-19T21:04:36.267 に答える