
Сегодня мы напишем свой первый хэлпер. Хэлпер – вспомогательная функция, автоматизирующая часто повторяющиеся действия. Автоматизировать мы будем вытаскивание и компиляцию шаблона.
Приветствую.Насколько вы помните каждый раз при рендеренге нашего шаблона, мы использовали следующий код
template: _.template( $('#personTemplate').html() ),
Единственное, что во всем этом коде динамично – это айдишник шаблона. Все остальное можно вынести в хэлпер. Обычно хэлпер пишется в отдельном файле, но в нашем микропроекте, можно написать и в main.js. Итак, у нас получился следующая функция, в которую в качестве аргумента будет передаваться id шаблона
//хэлпер шаблона
var template = function(id) {
return _.template( $('#' + id).html() );
};
Теперь в нашем виде PersonView, мы сможем легко вызывать этот хэлпер и просто передавать в него строку нужного айдишника
//Вид одного человека
var PersonView = Backbone.View.extend({
....
template: template('personTemplate'),
....
});
Поздравляем с первым хэлпером! Всем пока и до новых встреч!
Источник:loftblog