Question

我试图用RJS替换DOM中的div。这是我试过的代码，控制器有这种方法：

def change
  render :update do |page|
    page.replace(:test_id, :partial => "input",:locals =>{ :type => 'text', :name => 'user[user][contactinfo][city]', :val => "", :size => '244', :placeholder_text => 'Yes it is working...'})
  end
end

该视图包含：

<div id = "test_id"></div>
<%= link_to "AJAX", "/poc/change", :remote => true %>

现在我想用所提到的部分替换div id="test_id"。

我得到的输出是：

try {
Element.replace("test_id", "<input type=\"text\" id=\"user[user][contactinfo][city]\" name=\"user[user][contactinfo][city]\" value=\"\" placeholder=\"Yes it is working...\" style=\"width:244px; height:33px; border:0; color:#646464; background:url(/images/form_textfield_244.png) 0 5px no-repeat; padding:12px 5px 0 5px; margin:0 0 10px 0;\" />\n");
} catch (e) { alert('RJS error:\n\n' + e.toString()); alert('Element.replace(\"test_id\", \"<input type=\\\"text\\\" id=\\\"user[user][contactinfo][city]\\\" name=\\\"user[user][contactinfo][city]\\\" value=\\\"\\\" placeholder=\\\"Yes it is working...\\\" style=\\\"width:244px; height:33px; border:0; color:#646464; background:url(/images/form_textfield_244.png) 0 5px no-repeat; padding:12px 5px 0 5px; margin:0 0 10px 0;\\\" />\\n\");'); throw e }

这在浏览器中可见。任何人都可以解释我哪里错了吗？预期的输出是div应该替换为替换的任何内容。

Answer 1

我建议你不要再使用RJS了。更好的是生成一个JS视图，你想要你的javascript。

例如，如果您使用jQuery，则可以添加文件：

changes.js.erb

在你的内部添加Javascript：

$('#test_id').html("<%= escape_javascript(render :partial => "input",:locals =>{ :type => 'text', :name => 'user[user][contactinfo][city]', :val => "", :size => '244', :placeholder_text => 'Yes it is working...'}) %>")

现在，如果你调用/proc/change.js，你可以看到生成的JS就像你在页面中做了一些JS一样。

如何使用AJAX替换Rails 3中的div？

1 个答案: