无法在Backbone App中呈现成功路由的视图

时间:2014-12-09 22:08:26

标签: javascript backbone.js

通过建立my simple blog app我正在进行的自我思考过程中,我找到问题的解决方案并遇到新问题。

现在成功从第一个视图路由到第二个视图。但是页面不会被新视图html填充。

我使用的路由器定义中的路由哈希和路由方法:小提琴行:75开。

routes: {
        '/posts/postform': 'viewPostForm',
        '': 'viewPosts'
    },

    viewPostForm: function(){
    console.log("router method viewPostForm have been reached.");
    this.postformview = new postFormView();
    //!!the call of render and appending el of view to a the toplevel el defined at router may be neccesssary.
    $(this.body).html( this.postformview.render().el );
}

postformview的定义:小提琴线:54。

var postFormView = Backbone.View.extend({
    template: _.template( $('#postFormTemplate').html() ),

    render: function(){
        this.$el.html( this.template() );//?where in dom zis the this.el
        return this;
    }
});

缺少的是什么?

1 个答案:

答案 0 :(得分:0)

删除方法网址开头的/创建并在路由哈希中呈现第二个视图将使其正常工作。

routes: {
    'posts/postform': 'viewPostForm',
    '': 'viewPosts'
},