RJS 参考色々

最近 rjs を使うことが多くなってきたので、備忘録

特定のアイテムの下にインサートする場合

page.insert_html :bottom, "item_" + params[:id], :partial => "item", :object => item

この場合、partial と object名は一致している必要がある。

ハイライト

page[:item].visual_effect :highlight, :duration => 0.5, :startcolor => "#66CCFF"

特定のアイテムをハイライトしたい場合(例 div id="item_{アイテムid}")

item_id = "item_" + item.id.to_s
page[item_id].visual_effect :highlight, :duration => 0.5

その他色々

page.alert("hello")

# 表示トグル
page['mytest'].toggle

page.alert(params.inspect)

target_field = "prefix_" + params[:target]
page[target_field].value = temp

page.visual_effect :toggle_appear, params[:somename], :duration => 0.5
page[:item_form].remove
page.redirect_to root_path
page.replace_html 'someid', :partial => 'somepartial', :object => @someobject
page.insert_html :bottom, 'someid', :partial => 'somepartial', :locals => {:this => this, :that => that}
page << "new Ajax.Request('"+ url_for(:action => :some_ajax_action, :params =>{:myparam => myparam} )+"')"
page.visual_effect :shake 'score'
page.visual_effect :fade  'dodo'
page.delay(1.5) do 
  page.visual_effect :fade 'sunset'
end