0

我有fetch()一个服务器模型，我想fetch()用视图渲染结果。

的结果fetch()是一个对象数组（var risultati），我想渲染它var risultati。我已经尝试过，但没有任何效果。

var AppRouter = Backbone.Router.extend({
    routes: {
        "": "list",
    },
    initialize: function () {},
    list: function () {
        var utente = new Person();
        var risultati;
        utente.fetch({
            success: function (data) {
                var ris = data.attributes;
                var risultati = ris.results;
                console.log(risultati); /* risultati contains array of object to render*/
            }
        });
        this.page = new UserListView({
            model: this.utente
        });
        $('body').append(this.page.$el);
    }
});
4

2 回答 2

1

您可能会遇到问题，因为您渲染视图的调用与您的调用是分开的utente.fetch()。

由于.fetch()是异步的，您的视图代码将在.fetch()完成之前执行。您应该将视图创建/渲染添加为成功函数的一部分，或者您应该绑定在模型更新时发生的更改事件以触发包含您的视图创建的新函数。

于 2012-07-19T15:42:49.280 回答
0

你应该分离你的 MVC 逻辑......不要将对象（我认为是集合）附加到路由器路由处理程序。
假设您正在尝试呈现人员模型的集合，我建议您为人员使用模型和视图，并使用集合和视图来处理“对象数组”： 

var Person = Backbone.Model.extend({
        initialize : function(){
            // initialize the view
            this.view = new PersonView({model : this}); 
        }
    }),
    PersonView = Backbonke.View.extend({
        render : function(){
            // render your person
        }
    }),
    UserList = Backbone.Collection.extend({
        model : Person,
        initialize : function(){
             this.view = new UserListView({
                  collection : this
             });
        },
        update : function(){
            var self = this;
            this.fetch({
                success: function (data) {
                    var ris = data.attributes;
                    var risultati = ris.results;
                    console.log(risultati); /* risultati contains array of object to render*/                self.view.render();
                 }
            });
        }
    }),
    UserListView = Backbone.View.extend({
        render : function(){
            this.collection.each(function(el,i){
                el.view.render();
            });
        }
    });

然后将其用作：

 var page = new UserList();
 var AppRouter = Backbone.Router.extend({
    routes: {
        "": "list",
    },
    initialize: function () {},
    list: function () {
        page.update();
    }
});

希望这可以帮助！

于 2012-07-19T15:45:25.373 回答