【Backbone】Model 宣告與使用

Standard fiddle

by divaka

HTML

<script src="http://ajax.cdnjs.com/ajax/libs/underscore.js/1.1.4/underscore-min.js"></script>
<script src="http://ajax.cdnjs.com/ajax/libs/backbone.js/0.3.3/backbone-min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script type="text/javascript" src="http://documentcloud.github.com/backbone/backbone-min.js"></script>

JavaScript

//Backbone Model
var user = new Backbone.Model({
  firstName: "Jack",
  lastName: "divaka"
});

// print model result
alert(JSON.stringify(user));

//Backbone View
var View = Backbone.View.extend({
    
    // 初始化 View
    initialize:function(){
        alert("the view has been rendered");            
        
        // get the model data
        document.write(this.model.get("firstName"));
        document.write("│");
        document.write(this.model.get("lastName"));
    }
});
    

// 宣告一個 view 的 instance
var viewInstance = new View({ model: user });