使用backbone.js获取单个模型

时间:2012-11-22 12:49:41

标签: javascript backbone.js model fetch

在我的backbone.js代码中,我一直在尝试从url中获取单个模型。我必须做错事,因为我的模型永远不会被fetch()填充。

我尝试在互联网上寻找解决方案,但我无法弄清楚我做错了什么。

非常感谢任何帮助!

我有一个JSON文件,如下所示:

JSON = { size : 'small' , username : 'jasper' , messages : '3' }

代码:

(function($){

Header=Backbone.Model.extend({

    defaults:{

        size:"large",

    },

    urlRoot:'urltofile.json',

});

header=new Header();

var HeaderView=Backbone.View.extend({

    events:{    
        'click #header_account_options_login':'loginClicked'
    },

    initialize:function(){

        $(this.el).append('<div id="header"></div>');

        _.bindAll(this,'render','loginClicked');

        dust.loadSource(dust.compile($(this.options.tpl).html(),'header-template'));

        this.model.bind('change',this.render,this);

        this.render();

    },

    render:function(){

        var_self=this;

        dust.render('header-template',this.model.toJSON(),function(error,rendered){

            $('#header').replaceWith(rendered);

        });

        return this;

    },


    loginClicked:function(){

        this.model.fetch();
        console.log(this.model);

    }

});

var headerView=new HeaderView({

    el:'#container',
    tpl:'#header-template',
    model:header

});

})(jQuery);

1 个答案:

答案 0 :(得分:0)

我发现JSON中的问题不正确。修复JSON解决了问题