0

上記のナビゲーション、メイン コンテンツ、サイド メニューの 3 つの部分で構成される Rails アプリがあります。

メインコンテンツにフォロー解除ボタンを実装しました。
これまでのところ、Ajax と完全に連携しています。

基本的にフォローボタンを押すと、users_controller.rbのフォローアクションが呼び出され、フォローフラグが変更され、フォローボタンを部分的に再レン​​ダリングするためにfollow.jsが呼び出されます。
それに加えて、サイドメニューには current_user がフォローしている人数が表示されます。
この数値も、フォロー アクションが実行された直後に更新する必要があります。

一度に 2 つ以上のパーシャルを更新するには。これをアーカイブするにはどうすればよいですか?

コントローラー/users_controller.rb

....

  def follow
    @user = User.find(params[:id])
    current_user.follow(@user)
    respond_to do |format|
      format.js {render :action=>"follow.js"}
    end
  end

  def unfollow
    @user = User.find(params[:id])
    current_user.stop_following(@user)
    respond_to do |format|
      format.js {render :action=>"unfollow.js"}
    end
  end

...

ビュー/ユーザー/follow.js.erb

$('.follow_user[data-user-id="<%=@user.id%>"]').html('<%= escape_javascript(render :partial => "users/follow_user", :locals => {:user => @user}) %>');

ビュー/ユーザー/unfollow.js.erb

$('.follow_user[data-user-id="<%=@user.id%>"]').html('<%= escape_javascript(render :partial => "users/follow_user", :locals => {:user => @user}) %>');

ビュー/レイアウト/_menu.html.erb

          <% if user_signed_in? %>
                  <li><%= link_to(following_user_path(current_user.username)) do %>
                  <i class="icon-heart"></i>Following
                  <%= '(' + current_user.all_following.count.to_s + ')' if current_user.all_following.count > 0 %>
                  <% end %>
                  </li>    

                  <li><%= link_to(followed_user_path(current_user.username)) do %>
                  <i class="icon-heart"></i>Followed by
                  <%= '(' + current_user.followers.count.to_s + ')' if current_user.followers.count > 0 %>
                  <% end %>
                  </li>
              <% else %>
                  <li><%= link_to sanitize('<i class="icon-heart"></i> ') + "Following", following_user_path %></li>                                            
                  <li><%= link_to sanitize('<i class="icon-heart"></i> ') + "Followed by", followed_user_path %></li>                                           

              <% end %>
4

3 に答える 3

1

render_to_stringこれらのパーシャルの両方を作成し、それらを json オブジェクトにフォーマットする新しいアクションを作成できます。

{
div_id_1: "<ul....." ,
div_id_2: "<div...."
}

于 2012-12-18T14:10:55.140 に答える
1 
# dedicate partial _following_number.html.erb
<span id="following_number">
  <% if user.followers.count > 0 %>
    <%= '(' + user.followers.count.to_s + ')' %>
  <% end %>
</span>


# update layout with partial:

<li><%= link_to(followed_user_path(current_user.username)) do %>
<i class="icon-heart"></i>Followed by
  <%= render :partial => "following_number", :user => current_user %>
<% end %>

# follow.js.erb && unfollow.js.erb:
...
$(document).find("#following_number").replaceWith('<%= escape_javascript(render("following_number", :user => @user, :formats => [:html])) %>')

ヘルパーでよりエレガントに:

def following_number(user)
  user.followers.count > 0 ? "(#{user.followers.count})" : nil
end

# then put spans to layout:
<span id="following_number"><%= following_number(current_user) %></span>

# and js:
$(document).find("#following_number").html('<%= escape_javascript(following_number(@user)) %>')
于 2012-12-18T14:44:25.107 に答える
0

これを行う簡単な方法の 1 つは、from rails を返し、.jsビューにこのスクリプトを実行させることです。これにより、ビューを更新/置換するアクションが実行されます。

たとえば、これは単純に 3 つのパーシャルをレンダリングし、後で jQuery を使用してビューのコンテンツを置き換えます。アクションがmy_actionそうであるとしましょう。次のコードを に配置しますmy_action.js.erb。

$("#content_1").html("<%= escape_javascript(render('partial_1'))%>");
$("#content_2").html("<%= escape_javascript(render('partial_2'))%>");
$("#content_3").html("<%= escape_javascript(render('partial_3'))%>");

この例は、必要に応じて拡張できます。モデルの json をレンダリングし、関数を呼び出してビューでモデルを更新することもできます。

于 2012-12-18T14:11:08.973 に答える