首页 > 代码库 > ext panel 自定义图片刷新
ext panel 自定义图片刷新
最近从管理回归开发，着实是花了些功夫适应，不过换个角度处理问题，貌似效果不错
，废话不多说，最近项目用到了EXT js，百度大神里面没找到一个合适的图片组件，自己写了个可以刷新的图片组件，先说明：由于项目原因，只能贴出部分代码，此代码仅供参考
思路：先删除，再添加，使用doLayout()重布局
防止读取缓存中图片： 在图片链接后面加上" ‘?‘ + Math.random()",会从后台重新读取
代码如下：
imagePanel = new Ext.Panel(
{region : ‘center‘,
title : ‘‘,
id : ‘imagePanel‘,
name : ‘imagePanel‘,
width : 105,
height : 105,
border : false,
bodyStyle : {
padding : ‘10px‘
},
refresh : function(picName) {
picName = picName + ‘?‘ + Math.random();
imagePanel.removeAll();
var imageInPanel = new Ext.Panel(
{
region : ‘center‘,
title : ‘‘,
id : ‘imageInPanel‘,
name : ‘imageInPanel‘,
border : false,
width : 95,
height : 95,
html : "<img src=http://www.mamicode.com/‘"
+ picName
+ "‘ width=‘80px‘ height=‘80px‘ style=‘padding:5px;‘></img>"
});
imagePanel.add(imageInPanel);
imagePanel.doLayout();
}
});
刷新图片：imageBrowsePanel.refresh(picName);
picName中包括图片相对路径，建议路径写在后台配置中，方便修改
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。