3

子ビューの1つにある画像が完全に読み込まれ、domに存在する場合、親ビューはどのように通知されますか？すべての画像が読み込まれた後、すべての子の完全な高さを測定する必要があります。測定するとdidInsertElement高さが正しくないため（画像の高さを除いた高さを返します）。

これが私のビュー構造がどのように見えるかです：

{{#view App.ArtistBoxesView}}
  {{#each artist in controller}}
    {{#view App.ArtistBoxView}}
      <div class="artist">
        <div class="thumb">{{styledmediaitem artist.thumb style="thumb"}}</div>
      </div>
    {{/view}}
  {{/each}}
{{/view}}

サーバーへの正しいパスでstyledmediaitemを出力するハンドルバーヘルパーはどこにありますか。<img src=""/>

ArtistBoxesViewの画像（またはさらに良い：すべての画像）ArtistBoxViewが完全にプリロードされたときに通知を受け取りたいのですが。

4

1 に答える 1

3

ビューのdidInsertElementfx内からjQueryImagesLoadedプラグインを使用することを検討してください。このような何かがトリックを行う必要があります：

App.ArtistBoxView = Ember.View.extend({ 
  didInsertElement: function() {
    this.$().imagesLoaded( function( $images, $proper, $broken ) {
      console.log( $images.length + ' images total have been loaded' );
      console.log( $proper.length + ' properly loaded images' );
      console.log( $broken.length + ' broken images' );
    });
  }
});
于 2013-03-08T04:14:35.647 に答える