Ext.Panel中定时刷新图片发生闪烁的问题

2009-05-13 10:34:06 567 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

PX4开发环境搭建（Ubuntu1804+QGC+Qt Creator ）文章目录前言一、安装环境二、PX4环境搭建1. 在虚拟机中安装Ubuntu2. 安装PX4环境(1)下载PX4源码：(2) 安装工具链(3) jMAVSim仿真(4) 编译验证三、安装QGC四、安装Qt Creator 前言在这之前作者完全没接触过PX4，安装过程遇到了很多坑，而且每安装下载一个东西都要等好久，出现问题又要重新开始，前后折腾了四天才弄好，希望此文对大家有所帮助。一、安装环境 ... 阅读详情

前台JSP页面中有一句：
<div id="test" style="display:none" ></div>

在Ext中有一个定时器,3秒钟调用一下getRunningInfo方法从后台取数据填充到JsonStore中去，JsonStore定义如下：
var store = new Ext.data.JsonStore({
id : 'aaa',
url : 'getImages',
fields : ['clientSmallPic', 'serverSmallPic', 'clientBigPic',
'serverBigPic']
});
从后台(HttpServlet)传回的数据为JSon格式，如下：
out.println("[{clientSmallPic: 'images/1.png',serverSmallPic: 'images/2.png',clientBigPic: 'images/3.png',serverBigPic: 'images/4.png'}]");

然后以如下方式显示：
var tpl = new Ext.XTemplate(
'<table>',
'<tpl for=".">',
'<tr>',
'<td>',
'<div id="cs{clientSmallPic}" onclick="change(this.id)"><img src="{clientSmallPic}" title="{clientSmallPic}"></div>',
'</td>',
'<td>',
'<div id="ss{clientSmallPic}" onclick="change(this.id)"><img src="{serverSmallPic}" title="{serverSmallPic}"></div>',
'</td>',
'</tr>',
'<tr>',
'<td colspan="2">',
'<div id="cb{clientSmallPic}" style="display: none" onclick="change(this.id)"><img src="{clientBigPic}" title="{clientBigPic}"></div>',
'<div id="sb{clientSmallPic}" style="display: none" onclick="change(this.id)"><img src="{serverBigPic}" title="{serverBigPic}"></div>',
'</td>', '</tr>', '</tpl>', '</table>');

var dv = new Ext.DataView({
id : "dv",
store : store,
tpl : tpl,
autoHeight : true,
itemSelector : 'div.thumb-wrap',
emptyText : '没有图片显示，请稍后重试'
});
var panel = new Ext.Panel({
id : 'images-view',
frame : false,
width : 788,
autoHeight : true,
collapsible : true,
layout : 'fit',
title : '图片',
header : false,
renderTo : "test",
items : [dv]
});
这样显示之后，前台图片刷新时老闪烁，这个怎么解决呢？
我想过双缓冲，自己试了好久没搞成功，怎么在B/S的js中做双缓冲呢？

...全文