Question

我正在创建一个网格（图库）视图来显示图像。应用程序从服务器获取图像并将其显示在网格中。我可以使用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();
            }
        })

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

任何人都可以提出可能的解决方案，即我可以如何加快流程或以任何不同的方式执行此操作。

由于 Ishan jain

Answer 1

我同意@ThinkFloyd，客户不一定知道或在实施方式上有发言权，特别是如果它不会对结果产生不利影响。 Thinkfloyd提出了一种非常有效和实施友好的方法，另一方面，客户通过坚持采用这种替代方法为您提供超出必要的工作。如果你有效地向他/她传达信息，他/她可能愿意妥协。您只需要在images文件夹中有一个缩略图文件夹，用于链接缩略图图像。我希望您最终能够解决它！

Sencha图片库视图

1 个答案: