0

ルーティングに注釈を使用しています。私のindex.twigテンプレートでは、次のようなJQueryを書きました

 $(document).ready(function(){
    $('#sortable').NestedSortable(
        {
            accept: 'sort',
            noNestingClass: "no-children",
            helperclass: 'helper',
            autoScroll: true,
            onChange: function(serialized) {
            },
            onStop : function(){
                var element_id = $(this).attr("id");
                var parent_id = $(this).parent().attr("id");
                var prev_sibling_id = $(this).prev().attr("id");
 if(prev_sibling_id=='trash'){
    var data = {PID:element_id};
    $.ajax({
        type: "POST",
        data: data,
        url:"{{ path('v2_pm_patentgroups_trash') }}",
        cache: false,
        success: function(data) {
            document.location.reload(true);
        });
}
else if(parent_id=='sortable'){
     var p_sibling = $(this).prev().attr("value");
     if(p_sibling == null){var p_sibling = 0;}
     var n_sibling = $(this).next().attr("value");
     if(n_sibling == null){var n_sibling = 0;}
     var order = (p_sibling + n_sibling)/2;
     var data = {ID:element_id, ORD:order};
       $.ajax({
         type: "POST",
         data: data,
         url:"{{ path('v2_pm_patentgroups_sortgroups') }}",
         cache: false
       });
}

2 つの ajax 呼び出しがあることがわかります。1 つはグループがゴミ箱に移動されたときに呼び出され、もう 1 つはグループがソートされたときに呼び出されます。

グループは、小枝ファイルにあるliタグです

 <li id="{{ portfolio_group.id }}" class="sort group" value={{ portfolio_group.order }}>
    <span class="drag-image groupimage">&nbsp;</span>
    <a class='expand'>{{ portfolio_group.name }}</a>
    <a class="button3" href="{{ path('v2_pm_patentgroups_edit', { 'patentgroupId': portfolio_group.id }) }}" ><span> Edit </span></a> 
            <a class="button3" href="{{ path('v2_pm_patentgroups_delete', { 'patentgroupId': portfolio_group.id }) }}" ><span> Delete </span></a>
    <hr class="separator">
 </li>

私のJS内からURLへのパスを与える方法を教えてもらえますか。ルーティング ファイルを使用したくありません。

ありがとう

4

1 に答える 1

2

コントローラー/ビューから JavaScript にデータを渡す必要があるときは、通常、関連する HTML タグにデータ属性を設定します。たとえば、AJAX リクエストのルートが必要な場合は、次のように記述します。

<a href="#updateTarget" class="ajaxTrigger" data-ajax-route="{{ path('my_ajax_route') }}">click here for ajax</a>

次に、次の方法でアクセスします。

$('.ajaxTrigger').on('click', function(){
  $.getJSON($(this).data('ajax-route'), function(response) {
    // do something with response
  });
 });

動的 JS ルーティングを使用してより高度なことを行うためのバンドルもありますhttps://github.com/FriendsOfSymfony/FOSJsRoutingBundle

編集： 特定のケースでは、グループのコンテナにルートデータを設定できます。<ul> 

<ul id="portfolioContainer" 
    data-ajax-trash="{{ path('v2_pm_patentgroups_sortgroups') }}" 
    data-ajax-sort="{{ path('v2_pm_patentgroups_sortgroups') }}">

次に、JS ファイルからこれらのデータ属性を参照します。

$.ajax({
    type: "POST",
    data: data,
    url:$('#portfolioContainer').data('ajax-trash'),
    cache: false,
    success: function(data) {
        document.location.reload(true);
    });
于 2012-07-03T21:59:43.850 に答える