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 に答える