Я изучаю Backbone.js и пытаюсь выяснить, возможно ли иметь переменные экземпляра в представлениях Backbone.
Моя цель - загрузить шаблоны представлений из внешнего файла при создании экземпляра представления. В настоящее время я храню их в глобальной переменной в глобальном пространстве имен приложения Backbone, но было бы проще хранить шаблоны в переменных экземпляра представления. В настоящее время я настроил это следующим образом:
var templates = {};
MessageView = Backbone.View.extend({
initialize: function() {
$.get('js/Test2Templates.tpl', function(doc) {
var tmpls = $(doc).filter('template');
templates['MessageView'] = [];
tmpls.each(function() {
templates.MessageView[this.id] = $.jqotec($.unescapeHTML(this.innerHTML));
});
});
},
render: function() {
var tpldata = {name: 'Ville', thing: 'Finland'};
$('#display').jqoteapp(templates.MessageView.greeting_template, tpldata);
},
events: {
"click input[type=button]": "additionalTransactions"
},
additionalTransactions: function() {
this.render();
}
});
Но вместо того, чтобы использовать "шаблоны", определяемые как глобальные var, я хотел бы создать "шаблоны" в функции инициализации представления в этих строках (но это не сработает):
MessageView = Backbone.View.extend({
view_templates: {},
initialize: function() {
$.get('js/Test2Templates.tpl', function(doc) {
var tmpls = $(doc).filter('template');
tmpls.each(function() {
this.view_templates[this.id] = $.jqotec($.unescapeHTML(this.innerHTML));
});
});
},
render: function() {
var tpldata = {name: 'Ville', thing: 'Suomi'};
$('#display').jqoteapp(this.view_templates.greeting_template, tpldata);
},
events: {
"click input[type=button]": "additionalTransactions"
},
additionalTransactions: function() {
this.render();
}
});
Это, вероятно, (?) довольно просто и/или очевидно, но я где-то на кривой обучения Backbone.js, я бы очень признателен за любую помощь в этом! Спасибо!