Съдържание
Както трябва да знаем, колекциите са много важна част от Backbone.js за да се справим с динамичните данни на нашето приложение, но ако зависим само от него, вероятно ще трябва да правим голямо количество код всеки път, когато трябва да изградим изглед, който представлява нашите колекции.С използването на Гръден кош Можем да се възползваме от удобствата, предлагани от това разширение, за да намалим обема на работа и по този начин да направим приложения за по -кратко време и с по -ефективен код.
Помощник за събиране
Знаем, че а помощник е групиране на методи, които ни помагат с определена тема, в случай на колекции помощникът, който има Гръден кош Помага ни да генерираме изгледи от тях, с това можем да използваме повторно и да напишем по -ефективен и по -малко сложен код, това ни помага да подобрим поддръжката на нашето приложение, както и начина, по който можем да развием нашите функционалности.
CollectionViewВ конкретния случай на Гръден кош ние имаме CollectionView, който е този, който ще ни помогне да вземем всеки елемент от нашата колекция и да генерира изглед, който може да се промени според поведението на споменатите елементи.
Нека да видим прост пример за това помощник изграждане на изглед от колекция.
Тази колекция получава редица елементи, в този случай домашни любимци и всеки от тях ще има име, след това в нашето приложение Javascript ще имаме следното:
Както виждаме, помощник ни помага да създадем елемента от колекцията с няколко реда код.
Налични атрибути
За да улесним живота си, можем да използваме поредица от атрибути в нашия HTML, които ни предоставят тълкуване чрез Гръден кош което може да бъде полезно, нека видим кои можем да използваме:
item-templateТя ни позволява да посочим шаблон за всеки модел.
изглед на артикулТова е клас, който се използва, когато създаваме всеки изглед на елементите на колекцията.
празен шаблонТова е шаблонът по подразбиране, който ще се използва, когато колекцията е празна, по този начин можем да покрием случая, в който няма резултати.
празен изгледКакто в случая с празния шаблон, това генерира изгледа, когато нямаме елементи в нашата колекция.
Условни блокове
Има инструмент, който са условни блокове, които ни позволяват да посочим случаи, така че нашата колекция да може да показва един или друг изглед в зависимост от случая.
В този случай виждаме как дефинираме един или друг елемент в случай, че колекцията няма вече заредени елементи, това ни спестява много работа и проверки, които правят кода по -сложен от необходимото.
Е, с това завършваме този урок, както виждаме Backbone.js и неговата гъвкавост ни дава възможност да използваме разширения, които ни позволяват да управляваме нашето приложение по начина, по който искаме, в случай на помощници, функционалностите, които ни помагат да изграждаме, са безценни, важното е да знаете как да използвате тези помощни средства и направете възможно най -добрия код.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка