渲染部分视图时ajax中的动态内容

时间:2015-12-26 07:59:04

标签: ruby-on-rails ajax ruby-on-rails-4 partial-views unobtrusive-javascript

当用户点击不同的链接时,如何获取动态内容?

视图/仪表板/ index.html.haml

.container
  - @trips.each do |trip|
    = link_to trip.id, quick_view_trips_path, remote: true

我很确定quick_view_trips_path不正确,因为所有链接都是这样的:

<a href="/trips/quick_view">1</a>
<a href="/trips/quick_view">13</a>
<a href="/trips/quick_view">51</a>

不知何故,我需要使这些链接动态化,然后当用户点击它时,模态窗口也是动态的。

如果我用quick_view_trips_path

替换trip
= link_to trip.id, trip, remote: true

没有任何反应,并且url会更改为正确的url,但我的模态窗口不会通过ajax呈现。以下是网址现在的示例:

<a href="/trips/slug-title-url-correct">1</a>

除了我想用动态内容完成的内容之外,有没有办法可以改变我的网址:

<a href="/trips/slug-title-url-correct?quick_view=on">1</a>

是否可以将?quick_view=on附加到网址末尾并使所有内容重新生效?

以下是我的其余代码:

视图/车次/ quick_view.js.erb

$('body').append('<%= j render partial: "trips/quick_view" %>');

视图/车次/ _quick_view.html.haml

.root-container
  = @trip.title
  = @trip.image
  = @trip.more_details

现在这不起作用,因为我的应用程序返回undefined method

的routes.rb

resources :trips do
  collection do
    get 'quick_view'
  end
end

trips_controller.rb

def quick_view
  respond_to do |format|
    format.html # quick_view.html.erb
    format.js # quick_view.js.erb
    format.json { render json: @trip }
  end
end

我是否还需要向此控制器添加任何内容以确保通过部分内容生成正确的内容?

1 个答案:

答案 0 :(得分:1)

这样怎么样,

  1. 路径

    link_to trip.id, quick_view_trips_path(:js, trip_id: trip.id), remote: true
    

    这将呈现<a href="/trips/quick_view.js?trip_id=1">1</a>

  2. 控制器

    def quick_view
      @trip = Trip.find(params[:trip_id])
      respond_to do |format|
        format.html # quick_view.html.erb
        format.js # quick_view.js.erb
        format.json { render json: @trip }
      end
    end
    

    它将回复views/trips/quick_view.js.erb档案