我试图与骨干工作,但我失去了它的基本概念,因为这是第一次JavaScript MVVM Framework
我试试。理解骨干架构的基础概念
我已经看看to some guide,但我想我还是失踪了应该如何使用。
我会告诉我的应用程序得到一些方向:
// Search.js
var Search = {
Models: {},
Collections: {},
Views: {},
Templates:{}
};
Search.Models.Product = Backbone.Model.extend({
defaults: search.product.defaults || {},
toUrl:function (url) {
// an example method
return url.replace(" ", "-").toLowerCase();
},
initialize:function() {
console.log("initialize Search.Models.Product");
}
});
Search.Views.Product = Backbone.View.extend({
initialize:function() {
console.log("initialize Search.Views.Product");
},
render:function (response) {
console.log("render Search.Views.Product");
console.log(this.model.toJSON());
// do default behavior here
}
});
Search.Models.Manufacturer = Backbone.Model.etc...
Search.Views.Manufacturer = Backbone.View.etc...
然后在我的web应用程序视图:
<head>
<script src="js/jquery.min.js"></script>
<script src="js/underscore.min.js"></script>
<script src="js/backbone/backbone.min.js"></script>
<script src="js/backbone/Search.js"></script>
</head>
<body>
<script>
var search = {};
search.product = {};
search.product.defaults = {
id:0,
container:"#search-results",
type:"product",
text:"<?php echo __('No result');?>",
image:"<?php echo $this->webroot;?>files/product/default.png"
};
$(function(){
var ProductModel = new Search.Models.Product();
var ProductView = new Search.Views.Product({
model:ProductModel,
template:$("#results-product-template"),
render:function (response) {
// do specific view behavior here if needed
console.log('render ProductView override Search.Views.Product');
}
});
function onServerResponse (ajax_data) {
// let's assume there is some callback set for onServerResponse method
ProductView.render(ajax_data);
}
});
</script>
</body>
我觉得我缺少骨干的新实例打算如何使用,我认为与Backbone Search.js
我应该建立像Search.Views.Product
这样的基本应用程序,并在视图中扩展它,因为ProductView
的情况。
因此,在我的示例中,使用render
方法时,在Search.js
中使用默认行为并在我的html视图中使用该行为。
经过一番尝试,似乎ProductModel
和ProductView
只是实例,您必须在Search.js
中执行所有代码而不创建特定行为。
我明白做这样让一切最容易被不断更新,但如果我使用这个应用程序在不同的观点和相对的地方?
我确定我错过了它应该使用的方式。
在this guides没有HTML视图中使用的代码,所以我应该写应用中的全部没有插入特定情况下的代码?
如果不是,我应该如何编写html视图的特定情况的代码?
是否允许覆盖我的Backbone应用程序的方法?