grunt-doctrine
Version:
Grunt plugin to convert doctrine xml annotations into backbone models and collections. Useful in conjunction with doctrine apigility. Includes option to scaffold an entire BBB application
73 lines (52 loc) • 2.07 kB
HTML
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html;charset=UTF-8" http-equiv="Content-Type"/>
<title>Example 1</title>
<!-- include source files here... -->
<script type="text/javascript" src="../lib/underscore.js"></script>
<script type="text/javascript" src="../lib/jquery.js"></script>
<script type="text/javascript" src="../lib/backbone.js"></script>
<script type="text/javascript" src="../Backbone.ModelBinder.js"></script>
<script>
$().ready(function () {
model = new Backbone.Model();
model.set({firstName: 'Bob'});
model.bind('change', function () {
$('#modelData').html(JSON.stringify(model.toJSON()));
});
ViewClass = Backbone.View.extend({
_modelBinder: undefined,
initialize:function () {
this._modelBinder = new Backbone.ModelBinder();
},
close: function(){
this._modelBinder.unbind();
},
render:function () {
var html = '\
\
<div id="welcome"> Welcome, <span name="firstName"></span> <span name="lastName"></span>\
<br><br>\
Edit your information:\
<input type="text" name="firstName"/>\
<input type="text" name="lastName"/></div>\
\
';
this.$el.html(html);
this._modelBinder.bind(model, this.el);
return this;
}
});
view = new ViewClass();
$('#viewContent').append(view.render().$el);
});
</script>
</head>
<body>
<br>
Model data: <div id="modelData"></div>
<hr><br>
<div id="viewContent"></div>
</body>
</html>