2012-03-12 9 views
2

レンダリングされたイメージをペイントするのに遅延がなくても、emberイメージビューを表示する戦略を指摘できますか?Ember Image Viewsパフォーマンスに関するヒント?

は、私はすべての私のアプリのビューが表示されるように短い時間を必要とする画像ビューを除いて、すぐに塗装されている場合、に自分自身を見つけ、その後、彼らはすべて同時に表示されます。

この動作は、最初はモバイルブラウザでのみ認識されています。

現在ローカルの画像にアクセスするPhoneGapのモバイルデバイス上でテストし、燃えさしレベルで/微調整を行うには何かがあるかどうかを疑問に思います。

+0

はでした...

<!-- 'app/templates/layouts/main' --> <div class="toggle" style="display:none"> <!-- all child views go here --> </div> 

を:あなたは、最初はないが、表示する親ビューを設定し、親ビューとすべての子ビューが完全にロードされているときdidInsertElementで、それを表示するjQueryのloadを使用しますあなたはいくつかのコードを提供するか、このケースのJsFiddleを改善しますか? –

答えて

1

私が正しく理解している場合は、すべてのビューを同時に表示する必要があります(イメージビューと非イメージビュー)。

あなたは意見が完全にロードされたときを検出するためjQuery load() eventを使用することができます。あなたのすべてのビューと関連するテンプレートをラップする親ビューのApp.MainViewがあるとします。templateName: 'app/templates/layouts/main'

App.MainView = Ember.View.extend({ 
    templateName: 'app/templates/layouts/main', 

    didInsertElement: function(){ 
    this.$().load(function(el){ 
     $(el).find('.toggle').show(); 
    }); 
    } 
}); 
+0

これはまさに私が探していたものです。ありがとうございます。 – ppcano

関連する問題