所有itemViews完成渲染后Backbone.Marionette CollectionView回调？

Question

我使用的木偶Layout .show来呈现CollectionView,并想知道是否有当检测方式的所有的ItemView孩子都呈现完毕？

我的代码的简化版本是:

布局

Layouts.Group = Backbone.Marionette.Layout.extend({

    template: Templates.group,

    ...

    regions: {
        header: ".group-header"
        details: ".group-details"
    },

    ...

});

的CollectionView

Views.GroupDetail = Backbone.Marionette.CollectionView.extend({

    itemView: groupDetailRow,

    ...

    onRender: function () {

        // do something here after rendering *all* groupDetailRows of information for group detail section

    }

});

ItemView控件

Views.GroupDetailRow = Backbone.Marionette.ItemView.extend({

    onRender: function () {

        // single groupDetailRow of information

    }

});

.节目

var details = new Views.GroupDetail();

details.show(new DV.Time.Views.GroupDetail());

我在文档中注意到提到了一个.done函数:

new MyCollectionView().render().done(function(){
  // all of the children are now rendered. do stuff here.
});

可以用这个Layout吗？

Answer 1

您可以监听“渲染”事件，或在视图上提供“onRender”回调函数。

MyView = Marionette.CollectionView.extend({

  onRender: function(){
    // the list of items has been rendered. do stuff here
  }

});

var view = new MyView();

view.on("render", function(){
  // the list of items has been rendered. do stuff here
});

https://github.com/marionettejs/backbone.marionette/blob/master/docs/marionette.collectionview.md#render--onrender-event