RJS 不更新 html 表格元素

Question

我有一个link_to_remote 函数可以更新表中的列。但是，它不会正确更新单元格或其属性。

例如：

这是我要更新的元素：

 <div id= "calendar_div_<%= i%>_<%=j%>" style = "display :inline;"><td class="checkedout">X</td></div>

使用这个调用：

  <%= link_to_remote 'Current Week', :url => { :action => :current_week } %>

来电：

render :update do |page|

                    page["Week_div"].replace_html session[:next_week].to_s

                    for i in 0..23 do
                            for j in 0..6 do
                                    page["calendar_div_"+i.to_s+"_"+j.to_s].replace_html '<td class="available">Available</td>'
                            end
                    end

但是，它永远不会正确更新 <td> 标记。该元素永远不会正确更新文本，也不会对元素进行颜色编码（td.available 被定义为背景颜色为绿色）。

Answer 1

为了做到这一点，ryanb 基本上是正确的。你不能使用<div><td> 标签顺序来做到这一点。相反，您需要为 <td> 标记使用 id。

但是，这仍然没有正确更新单元格以覆盖颜色；以前的背景仍然出现，新的背景覆盖了它们重叠的区域。要正确替换整个元素，请改用以下语法：

 $("calendar_div_0_1").replace("<td class=\"available\">Available</td>");

不要使用更新，而是使用替换。

Answer 2

确保您的应用程序中包含原型。

<%= javascript_include_tag :defaults %>

此外，如果您没有有效的 HTML，有时原型在遍历 DOM 时会遇到问题。试试validating the page，专门修复任何没有结束标签的标签。

除此之外，您还可以尝试通过试验来隔离问题。试试这个。

<div id="calendar_div_0_1"><td class="checkedout">X</td></div>
<%= link_to_function "update", "$('calendar_div_0_1').update('<td class=\"available\">Available</td>');" %>

这对我有用。