0

我正在创建一个网格(图库)视图来显示图像。应用程序从服务器获取图像并将其显示在网格中。我可以使用 XTemplate 创建这个视图,它给了我适当的结果。我的 Xtmeplate 代码是:

tpl:  Ext.create('Ext.XTemplate',
        '<div class="gallery" id="photos">',
        '<tpl for=".">',
        '<img src="{media:this.getURL}{picname}" width="30" height="30"      class="thumbnail" data-fullimage="{media:this.getURL()}{picname}" alt="{description}"/>',
        '</tpl>',
        '</div>',{
            getURL: function(){

               return Gallery.utils.globalVar.getRemoteDirPath();
            }
        })

问题是图像尺寸很大,我想以小缩略图显示它们。因此,当我在移动设备上运行该应用程序时,该应用程序变得非常缓慢并且挂起。原因可能是因为它同时下载了所有图像并在视图上渲染。

任何人都可以提出可能的解决方案,我可以如何加快这个过程或任何不同的方式来做到这一点。

谢谢伊山耆那教

4

1 回答 1

0

我同意@ThinkFloyd 的观点,客户不一定需要知道或对实施模式有发言权,特别是如果它不会对结果产生不利影响。Thinkfloyd 提供了一种非常有效且易于实施的方法,另一方面,客户坚持让您采用这种替代方法,从而为您提供了比必要更多的工作。如果您有效地与他/她沟通,他/她可能愿意妥协。您只需要在图像文件夹中有一个缩略图文件夹即可链接到缩略图图像。我希望您最终设法解决它!

于 2013-07-23T15:09:16.800 回答