Как мы должны знать, коллекции являются очень важной частью Backbone.js для обработки динамических данных нашего приложения, однако, если мы зависим только от них, нам, вероятно, придется создавать большой объем кода каждый раз, когда нам нужно создать представление, которое представляет нас. Наши коллекции
Используя Thorax, мы можем воспользоваться возможностями, предлагаемыми этим расширением, чтобы уменьшить объем работы и, следовательно, создавать приложения за меньшее время и с более эффективным кодом.
Коллекция Хелпер
Мы знаем, что помощник - это группа методов, которая помогает нам в конкретной теме, в случае коллекций помощник, который есть в Thorax, помогает нам генерировать из них представления, с его помощью мы можем повторно использовать и писать более эффективный код и Менее сложный, это помогает нам улучшить обслуживание нашего приложения, а также способ, которым мы можем развивать наши функциональные возможности.
CollectionView
В конкретном случае с Thorax у нас есть CollectionView, который поможет нам взять каждый элемент нашей коллекции и сгенерировать представление, которое может меняться в зависимости от поведения этих элементов.
Давайте рассмотрим простой пример того, как этот помощник создает представление из коллекции.
Эта коллекция получает количество элементов, в данном случае домашних животных и у каждого будет имя, тогда в нашем приложении Javascript у нас будет следующее:
Как мы видим, помощник помогает нам создать элемент из коллекции с несколькими строками кода.
Доступные атрибуты
Чтобы облегчить нашу жизнь, мы можем использовать ряд атрибутов в нашем HTML, которые предоставляют нам толкование Thorax, которое может быть полезным, давайте посмотрим, какие из них мы можем использовать:
пункт-шаблон
Это позволяет нам указать шаблон для каждой модели.
Пункт вида
Это класс, который используется при создании каждого представления элементов коллекции.
пусто-шаблон
Это шаблон по умолчанию, который будет использоваться, когда коллекция пуста, поэтому мы можем рассмотреть случай отсутствия результатов.
пусто ракурса
Как и в случае с пустым шаблоном, он генерирует представление, когда в нашей коллекции нет элементов.
Условные блоки
Существует инструмент, который представляет собой условные блоки, которые позволяют нам определять случаи, чтобы наша коллекция могла отображать одно или другое представление в зависимости от случая.
В этом случае мы видим, как мы определяем тот или иной элемент в случае, если в коллекции нет уже загруженных элементов, это экономит нам много работы и проверок, которые делают код более сложным, чем необходимо.
На этом мы заканчиваем этот урок, так как мы видим Backbone.js, а его гибкость дает нам возможность использовать расширения, которые позволяют нам управлять нашим приложением так, как мы хотим, в случае помощников, функциональности, которые помогают нам Сборка бесценна, важно знать, как использовать эти средства и создать наилучший код.
- 0
СТАТЬИ