GWT - Celltable image flickering on Chrome -


we have custom implementation of celltable in there custom column render label , image. part of hovering on table row, call table.redrawrow(rownum) render context menu.

however, doing that, cause text , image column re-render image (make server call fetch image). causes flickering effect. happens in chrome (version using - chrome27)

the table row looks this:

<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> 

i don't see flickering on firefox or ie9.

note: cache-control headers set no-cache.

any thoughts? ideas?

if ask browser not cache image, , ask draw image, it'll re-download it.

so either change caching strategy image, and/or strategy updating table (using redrawrow during hover display new seems suboptimal; cells should rather listen mouse events , update dom dynamically)


Comments

Popular posts from this blog

javascript - Count length of each class -

What design pattern is this code in Javascript? -

hadoop - Restrict secondarynamenode to be installed and run on any other node in the cluster -