2016-12-31 62 views
0

我是新來的紅寶石,但它似乎如果我有一個東西的集合,我應該能夠呈現他們要麼在一個循環或by defining a :collection我可以在不使用.each()的情況下渲染此集合嗎?

在這裏,每個花園可能有許多工廠分配給它。我有一個部分使植物處於「卡片」佈局。此視圖正確呈現爲各園植物:

視圖/花園/ show.html.haml

.row.plant-cards 
    - @garden.plants.each do |plant| 
    = render("shared/plants/card", {plant: plant, garden: @garden}) 

視圖/共享/植物/ _card.html.haml

.col-md-2 
    .plant.thumbnail.text-center 
    = button_to("+", add_to_garden_path(plant, @garden.id), {method: :post ,remote: true}) 
    = link_to(plant) do 
     = image_tag("http://lorempixel.com/g/150/150/food/",:alt => plant.name) 
     %h4.plant__title.caption= plant.name 

我想通過ajax更新花園頁面上的渲染植物。看起來我需要在.html()函數中粘貼渲染工廠「卡」的輸出,使用.each()似乎很笨拙。好像我應該能夠設置植物爲:collection像我想下面做的,但是,這並不工作:

的意見/植物/ add_to_garden.js.erb (抱歉混合HAML/ERB - 我探索太)

<% flash.each do |key, message| %> 
    $("#flash").html("<%= j render partial: "shared/flash_message", locals: {key: key, message: message } %>"); 
<% end %> 
$(".plant-cards").html("<%= j render :partial => 'shared/plants/card', :collection => @garden.plants, :locals => {garden: @garden} %>"); 

當我做了Ajax調用我的應用程序得到這個運行時錯誤:

Started POST "/plants/2/add_to_garden/1" for ::1 at 2016-12-30 20:32:18 -0500 
Processing by PlantsController#add_to_garden as JS 
    Parameters: {"authenticity_token"=>"qJU/CEZudZFP9l6r1qdAlXJQrfY7fB0aZHmjRJh2yQO0IzxilP47mP2UjDDAmBNJouFtoAWkv/hJ2gCNR5BpgQ==", "id"=>"2", "garden_id"=>"1"} 
    Garden Load (0.3ms) SELECT `gardens`.* FROM `gardens` WHERE `gardens`.`id` = 1 LIMIT 1 
    Plant Load (0.2ms) SELECT `plants`.* FROM `plants` WHERE `plants`.`id` = 2 LIMIT 1 
    (0.1ms) BEGIN 
    SQL (0.2ms) INSERT INTO `gardens_plants` (`garden_id`, `plant_id`) VALUES (1, 2) 
    (160.8ms) COMMIT 
    (0.2ms) BEGIN 
    User Load (0.3ms) SELECT `users`.* FROM `users` WHERE `users`.`id` = 1 LIMIT 1 
    (0.1ms) COMMIT 
    Rendered shared/_flash_message.html.erb (0.3ms) 
    Plant Load (0.5ms) SELECT `plants`.* FROM `plants` INNER JOIN `gardens_plants` ON `plants`.`id` = `gardens_plants`.`plant_id` WHERE `gardens_plants`.`garden_id` = 1 
    Rendered shared/plants/_card.html.haml (29.7ms) 
    Rendered plants/add_to_garden.js.erb (42.3ms) 
Completed 500 Internal Server Error in 238ms (ActiveRecord: 162.9ms) 

NameError - undefined local variable or method `plant' for #<#<Class:0x007fdf9be0f6c8>:0x007fdf9bce6350>: 
    app/views/shared/plants/_card.html.haml:3:in `_app_views_shared_plants__card_html_haml___4163891484537289381_70299132319600' 
    ... 
+0

在rails中,通常有多種方式來執行操作。將html插入到javascript中的方法並不是必需的。您可以輕鬆地將HTML放在隱藏節點中,並使用id參考它使用編號爲 –

+1

嘗試使用像這樣:'<%= j渲染部分:'共享/植物/卡',集合:@ garden.plants,如: :工廠,當地人:{garden:@garden}%>' – Deep

+0

@Deep - 是的!完善。我忘了你可以指定一個集合'as:'但是那是我繞過的問題 - 謝謝。 – doub1ejack

回答

0

只是把@深的回答到一個問題,他建議

Try using like this: <%= j render partial: 'shared/plants/card', collection: @garden.plants, as: :plant, locals: { garden: @garden } %>

將收集@ garden.plants指定爲:plant這個技巧。

相關問題