thought_log是《RJS Templates for Rails》的Getting Started程序
app/controllers/thoughts_controller.rb:
class ThoughtsController < ApplicationController
def log
@thought = params[:thought]
end
end
app/views/thoughts/index.rhtml:
<!DOCTYPE html PUBLIC "-//W3C/DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Thought Log</title>
<%= javascript_include_tag :defaults %>
</head>
<body>
<h1>My thoughts</h1>
<%= form_remote_tag :url => {:action => 'log'}, :html => {:id => 'thought-form'} %>
<%= text_field_tag 'thought', nil, :size => 40 %>
<%= submit_tag 'Log thought' %>
<%= end_form_tag %>
<div id="thoughts"></div>
</body>
</html>
app/views/thoughts/_thought.rhtml:
<p>
<span style="font-size: 0.8em;">[<%= Time.now.to_s(:db) %>]</span>
<%= h thought %>
</p>
app/views/thoughts/log.rjs:
page.insert_html :bottom, 'thoughts', :partial => 'thought'
page.visual_effect :highlight, 'thoughts'
page.form.reset 'thought-form'
需要注意的两点:
1,不要在form_remote_tag中使用:update,否则会生成Ajax.Updater这个Prototype对象而不会生成Ajax.Request对象,前者使用response内容更新一个单独的DOM元素,而后者使用RJS模板返回JavaScript到浏览器并执行。
2,当xx.rhtml和xx.rxml模板与xx.rjs模板在一个目录共存时,xx.rhtml和xx.rxml模板会比xx.rjs模板先被找到并渲染,这样RJS模板就失效了