在backbone.js中显示来自集合的本地json数据
我有一个本地json文件。我需要将这些数据放入在backbone.js中显示来自集合的本地json数据,backbone.js,requirejs,underscore.js,backbone-views,backbone.js-collections,Backbone.js,Requirejs,Underscore.js,Backbone Views,Backbone.js Collections,我有一个本地json文件。我需要将这些数据放入主干.Collection,然后在主干.View中接收此集合,并在模板中呈现数据。所以我尝试了很多方法,但是 型号: define([ 'backbone', ], function(Backbone) { var InfoModel = Backbone.Model.extend({ defaults: { id : "",
主干.Collection
,然后在主干.View
中接收此集合,并在模板中呈现数据。所以我尝试了很多方法,但是
型号:
define([
'backbone',
], function(Backbone) {
var InfoModel = Backbone.Model.extend({
defaults: {
id : "",
name : "",
info : "",
img : "",
user : "",
userlvl : "",
mobile : "",
phone : "",
fax : "",
web : "",
email : "",
linkedin : "",
instagram : "",
twitter : "",
storeService : "",
departomanService: "",
shopBalence : "",
shopWithdrawal : "",
shopDeposit : ""
}
});
return InfoModel;
});
收藏:
define([
'backbone',
'core/application',
'components/persian_social_tinet/models/information',
], function(Backbone, Application,InfoModel) {
var InfoCollection = Backbone.Collection.extend({
model : new InfoModel(),
url : function(){
return 'json!data/' + Application.current_section + '/information.json';
},
parse: function(Response){
return Response;
}
});
return InfoCollection;
});
视图:
我想去拿收藏品。但是,json数据不是来自服务器,而是来自本地文件系统。
请帮助我。问题出在哪里,请求是否实际成功?我无法从collectionModel获取json数据。模型应该是这样的:
model:InfoModel,
除此之外,请求是否在网络选项卡中成功?正在调用集合的parse
方法吗?我想从Json文件中获取值并在模板中显示它们。但在定义集合时,它不会显示任何要获取的值。但是Json信息显示在networkModel上,集合文件是分开的,而不是在一个文件中。问题出在哪里,请求是否实际成功?我无法从collectionModel中获取Json数据。模型应该是这样的:model:InfoModel,
除此之外,请求是否在网络选项卡中成功?正在调用集合的parse
方法吗?我想从Json文件中获取值并在模板中显示它们。但在定义集合时,它不会显示任何要获取的值。但是Json信息显示在networkModel上,集合文件是独立的,而不是在一个文件中
define([
'backbone',
'components/persian_social_tinet/collections/information',
'text!components/persian_social_tinet/tpls/leftpanel-acc.html',
], function(Backbone, InfoColl, accTpl ) {
var accView = Backbone.View.extend({
className: 'account-leftPanel',
initialize: function() {
var infoColl = new InfoColl();
this.listenTo(InfoColl, "sync", this.render)
},
render: function() {
this.template = _.template(accTpl);
var item = { infoColl: this.infoColl.toJSON }
this.$el.html(this.template(item));
return this;
}
});
return accView;
});