0

我们有一个自定义的 CellTable 实现，其中有一个自定义列来呈现标签和图像。作为悬停在表格行上的一部分，我们调用 table.redrawRow(rowNum) 来呈现一些上下文菜单。

但是，这样做会导致 text 和 image 列重新渲染图像（进行服务器调用以获取图像）。这会导致闪烁效果。这只发生在 Chrome 中（我正在使用的版本 - Chrome27）

表格行如下所示：

<tr __gwt_row="0" __gwt_subrow="0" class="GAH0TQLMKD">
   <td class="GAH0TQLKKD GAH0TQLNKD GAH0TQLOKD">
      <div style="outline-style:none;" __gwt_cell="cell-gwt-uid-65" tabindex="0">
         <div style="border-collapse: separate; border-spacing:0">
            <div style="display:table-cell;vertical-align:middle">
              <img src="icon.png" alt="" style="vertical-align:middle; border: 0;width:16px;height:16px; ">
            </div>
            <div class="GAH0TQLMJD" style="display:table-cell"><a href="javascript:;"><b>Contiki</b></a></div>
         </div>
      </div>
   </td>
   <td class="GAH0TQLKKD GAH0TQLNKD">
      <div style="outline-style:none;" __gwt_cell="cell-gwt-uid-66">Travels</div>
   </td>
   <td class="GAH0TQLKKD GAH0TQLNKD">
      <div style="outline-style:none;" __gwt_cell="cell-gwt-uid-67">Blah</div>
   </td>
   <td class="GAH0TQLKKD GAH0TQLNKD">
      <div style="outline-style:none;" __gwt_cell="cell-gwt-uid-68">Blah</div>
   </td>
   <td class="GAH0TQLKKD GAH0TQLNKD">
      <div style="outline-style:none;" __gwt_cell="cell-gwt-uid-69">2013-07-10</div>
   </td>
   <td class="GAH0TQLKKD GAH0TQLNKD">
      <div style="outline-style:none;" __gwt_cell="cell-gwt-uid-70">5</div>
   </td>
   <td class="GAH0TQLKKD GAH0TQLNKD">
      <div style="outline-style:none;" __gwt_cell="cell-gwt-uid-71">07/10/2013 01:53 AM</div>
   </td>
   <td class="GAH0TQLKKD GAH0TQLNKD GAH0TQLILD GAH0TQLDAD" align="right">
      <div style="outline-style:none;" __gwt_cell="cell-gwt-uid-72">
         <div class="GAH0TQLFAD">
            <div style="width:64px; height:17px"></div>
         </div>
      </div>
   </td>
</tr>

我在 Firefox 或 IE9 上看不到闪烁。

注意：我的 Cache-Control 标头设置为无缓存。

有什么想法吗？想法？

4

1 回答 1

1

如果您要求浏览器不要缓存图像，并要求它绘制图像，它会重新下载它。

所以要么改变你的图像缓存策略，和/或你更新表格的策略（redrawRow在悬停期间使用 a 来显示新的东西似乎不是最理想的；单元格应该听鼠标事件并动态更新它们的 DOM）

于 2013-07-11T09:46:14.720 回答