0

我有一个骨干木偶合成视图如下。

这是初始化方法。

initialize: function(options) {

        log.debug("Initialize");
        this.wizard = options.wizard;

        this.model = new Feed({
            id: options.modelid
        });
        this.modelid = options.modelid;
        this.collection = new Similar();

        this.listenTo(this.model, "change", this.onFetch);
        this.listenTo(this.model, "reset", this.onFetch);

        this.collection.fetch({ data: { id: this.modelid }});

        this.model.fetch();
    },

这是 onFetch 方法

onFetch: function() {
        log.debug("Fetch");

        this.$el.html(this.template(this.model.toJSON()));}

这是附加方法

appendHtml: function(collectionView, itemView, index) {
        log.debug("appendHtml");

        var jsonFeed = itemView.model.toJSON();

        if (this.prevFeed === null || jsonFeed.start !== this.prevFeed.start) {
            var date = new Date(jsonFeed.start);
            collectionView.$(this.itemViewContainer).append('<div class="day-divider c-color box-center" ><h3>' + moment(date).format('DD MMMM') + '</h3></div>');
        }

        collectionView.$(this.itemViewContainer).append(itemView.el);

        this.prevFeed = jsonFeed;
    },

我的集合被覆盖 html 内容的 onFetch 函数清空。这是我的日志：

DEBUG - Initialize
DEBUG - Render
DEBUG - appendHtml
DEBUG - appendHtml
DEBUG - appendHtml
DEBUG - Render
DEBUG - Fetch

知道这是怎么发生的吗？我该如何解决？

4

1 回答 1

0

为什么不使用 onRender 代替 onFetch？onRender 是一个已经包含的函数，它在渲染完成时显示内容。

注意：您甚至可以使用 onShow 来完成所有内容的渲染。

于 2013-05-14T20:23:53.773 回答