Средний
30 уроков
(5 часов 6 минут)
Курс
Backbone.js
Видеокурс, который познакомит вас с Backbone.js. Данная библиотека придает структуру веб-приложениям.
Содержание

#11 — Хэлпер шаблона.

Сегодня мы напишем свой первый хэлпер. Хэлпер — вспомогательная функция, автоматизирующая часто повторяющиеся действия. Автоматизировать мы будем вытаскивание и компиляцию шаблона.

Приветствую.Насколько вы помните каждый раз при рендеренге нашего шаблона, мы использовали следующий код

Единственное, что во всем этом коде динамично — это айдишник шаблона. Все остальное можно вынести в хэлпер. Обычно хэлпер пишется в отдельном файле, но в нашем микропроекте, можно написать и в main.js. Итак, у нас получился следующая функция, в которую в качестве аргумента будет передаваться id шаблона

Теперь в нашем виде PersonView, мы сможем легко вызывать этот хэлпер и просто передавать в него строку нужного айдишника

Поздравляем с первым хэлпером! Всем пока и до новых встреч!

Материалы к уроку:
Делись:

Оставь комментарий!

8 thoughts on “#11 — Хэлпер шаблона.

  1. Kirill Muchow:

    Понравился данный урок. По вашим урокам решил перелезть с AngularJS.

    1. NickyMeloman:

      Спасибо Кирилл! А не хотите по Angular записать пару уроков? Чтобы у народа была возможность сравнить. Мы в любом случае в будущем планировали по нему уроки, но если вы уже что то умеете, то было бы здорово, если бы вы поделились знаниями с сообществом.

      1. Kirill Muchow:

        К сожалению, я откажусь. Поскольку некоторые вопросы (например $exceptionHandler) на уровне «все так делают» и не хватает знаний в JavaScript’e понять весь подход DI. Поэтому не хочу выпускать то, в чем не разбираюсь. По Java могу. Было бы интересно. Только какой раздел брать — не могу сообразить. Опыта свыше 7 лет как-никак

        1. NickyMeloman:

          Можете самые основы Java рассмотреть. Типы данных, переменные, объекты, массивы, ООП. Пишите на info@loftblog.ru, обсудим подробнее.

  2. Сергей:

    А подстрочник в первой строчке нужен перед .teplate?

    1. Markin Dmitry:

      Подстрочник — это глобальная переменная underscore.js

  3. Roman Puliyan:

    Очень классные уроки, хорошо в тему вводит. Теперь начинаю понимать, что это такое, и не боюсь слова Backbone:))

  4. Markin Dmitry:

    Запутали совершенно. В предыдущих текстовых версиях использован был такой шаблон:

    template: _.template(‘ ( ) — ‘),
    а не
    template: _.template( $(‘#personTemplate’).html() ),В связи с этим в следующем занятии при переписывании кода в пространство имен не происходит рендеринга коллекции — с таким темплейтом выводятся пустые li-шки. Пришлось потратить время, чтобы понять, почему.

Добавить комментарий

Рекомендуемые курсы