0

私はこのコードを持っています:

    var Day        = Backbone.Model.extend({
        default: {
            service: 'None',
            concert: 'None',
            bible:   'None',
            social:  'None',
            play:    'None'
        }
    }),

    Day_view   = Backbone.View.extend({

        render: function(){
            this.$el.html('Service:' + this.model.service + '<br />Concert:' + this.model.concert + '<br />Bible:' + this.model.bible + '<br />Social:' + this.model.social + '<br />Play:' + this.model.play);
            return this;
        } 
    }),

    day_view = new Day_view({model: new Day({service: '10', concert: '11', bible:   '11', social:  '13', play:    '14' })});
    alert(day_view.render().$el.html());

そして、私はこれを取得します：

サービス: 未定義 コンサート: 未定義 聖書: 未定義 ソーシャル: 未定義 遊び: 未定義

問題はどこだ ？ありがとう

4

2 に答える 2

1

バックボーンの属性にアクセスする方法は次のgetとおりです。

this.model.get('service')
于 2013-05-26T21:04:05.573 に答える
0

また、ビューを定義していないため、未定義のエラーがスローされelます。HTML を挿入するには、DOM 要素をフック ポイントとして Backbone ビューに渡す必要があります。

$(document).ready(function() {
    var Day = Backbone.Model.extend({
        default: {
            service: 'None',
            concert: 'None',
            bible:   'None',
            social:  'None',
            play:    'None'
        }
    }),

    Day_view = Backbone.View.extend({
        el: 'body',
        render: function(){
            this.$el.html('Service:' + this.model.get('service') + '<br />Concert:' + this.model.get('concert') + '<br />Bible:' + this.model.get('bible') + '<br />Social:' + this.model.get('social') + '<br />Play:' + this.model.get('play'));
            return this;
        } 
    }),

    day_view = new Day_view({model: new Day({service: '10', concert: '11', bible:   '11', social:  '13', play:    '14' })});
    alert(day_view.render().$el);
});
于 2013-05-26T21:59:51.370 に答える