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

quqi99 2009-05-13 10:34:06
前台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中做双缓冲呢?
...全文
461 点赞 收藏 2
写回复
2 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
skyyucode 2009-09-11
up~
回复
freewind0521 2009-05-14
up
回复
相关推荐
发帖
C#
创建于2007-09-28

10.6w+

社区成员

.NET技术 C#
申请成为版主
帖子事件
创建了帖子
2009-05-13 10:34
社区公告

让您成为最强悍的C#开发者