困惑于使用哪个原型助手

Question

阅读 http://api.rubyonrails.org/classes/ActionView/Helpers/ 后PrototypeHelper.html 我似乎找不到我要找的东西。我有一个简单的模型，在消息列表达到 24 条后删除最旧的消息，该模型很简单：

class Message < ActiveRecord::Base
  after_create :destroy_old_messages
  protected
  def destroy_old_messages
    messages = Message.all(:order => 'updated_at DESC')
    messages[24..-1].each {|p| p.destroy } if messages.size >= 24
  end
end

消息列表下方有一个消息表单，用于添加新消息。 我正在使用 Prototype/RJS 将新消息添加到列表顶部。 create.rjs：

page.insert_html :top, :messages, :partial => @message
page[@message].visual_effect :grow
#page[dom_id(@messages)].replace :partial => @message
page[:message_form].reset

我的index.html.erb非常简单：

<div id="messages">
  <%= render :partial => @messages %>
</div>
<%= render :partial => "message_form" %>

当添加新消息时，它们看起来很好，但是当达到24条消息限制时，它只会继续添加消息并且不会删除旧消息。理想情况下，我希望它们随着新的添加而淡出，但它们可能会消失。 create.rjs 中的注释行实际上有效，它删除了过期的消息，但在添加新消息时我失去了视觉效果。有谁对如何完成从这个简单列表中添加和删除消息并对两者都有影响的建议有建议吗？帮助将不胜感激。感谢您的阅读。 PS：在这种情况下periodically_call_remote会有帮助吗？

Answer 1

我将假设您的 message 部分在渲染后看起来像这样：

<div id='message_123'>
  <h3>Message Header</h3>
  <p>This is the body of the message</h3>
</div>

如果不是这种情况，请更改它。每条消息都应包装在包含该消息 ID 的 div 或 span 中。然后，您可以将以下方法添加到您的 Message 模型中：

def old_messages
  messages = Message.all(:order => 'updated_at DESC')
  if messages.size >= 24
    return messages[24..-1]
  else
    return []
  end
end

然后，在响应此请求的操作中，只需添加以下行：

@old_messages = Message.old_messages

并将您的 RJS 更改为：

page.insert_html :top, :messages, :partial => @message
page[@message].visual_effect :grow
#page[dom_id(@messages)].replace :partial => @message
page[:message_form].reset
@old_messages.each do |m|
  page.remove(m.id)
end

您可以看到我正在使用Rails remove 方法来完成该操作从 DOM 中取出不需要的消息。

Answer 2

也许这些步骤会有所帮助。

1. 将“已删除的消息”返回为 AR 哈希数组或仅 ID
2. 在 HTML 元素的 ID 中使用 AR 对象的 ID 渲染每条消息的 HTML 元素
3. 使用 ID 来标识表单上的 HTML 元素并替换为空白 HTML 元素

并且您有一个可行的解决方案。我希望这有帮助。