zoukankan      html  css  js  c++  java
  • 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='"
                                                                + picName
                                                                + "' width='80px' height='80px' style='padding:5px;'></img>"
                                                    });
                                            imagePanel.add(imageInPanel);
                                            imagePanel.doLayout();

                                        }

                                    });


    刷新图片:imageBrowsePanel.refresh(picName);

    picName中包含图片相通路,写推荐路径配置的背景,容易改变


    版权声明:本文博主原创文章,博客,未经同意,不得转载。

  • 相关阅读:
    js的call方法
    js的call方法
    log4j 详细解释
    log4j 详细解释
    log4j 详细解释
    log4j 详细解释
    google proto buf学习
    google proto buf学习
    网页div转换成图片导出——html2canvas
    走向云端:Oracle SQL Developer Web 即将上线!
  • 原文地址:https://www.cnblogs.com/zfyouxi/p/4758636.html
Copyright © 2011-2022 走看看