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 に答える