Backbone.js - Преглед на помощника, Thorax.js

Разширения като Thorax.js Те имат редица инструменти, които ни позволяват да улесним изграждането на определени поведения на нашите приложения, като с това, ако прочетем добре документацията, можем да намерим функционалности, които ще ни избегнат да се налага сами да изграждаме определени блокове код.
Раздел, в който тези помощници Те са много полезни в раздела за изгледи, тъй като тук ще трябва да взаимодействаме по по -директен начин с нашите потребители, така че със сигурност ще трябва да показваме текстове и елементи, за да можем да придадем динамика на раздела и т.н.
registerViewHelper
Тъй като бяхме напреднали registerViewHelper е метод, който ни помага да създадем нов блок, който ще има вграден a HelperViewС това можем да създадем екземпляр за изглед на деца, който ни позволява достъп до контекста на родителския изглед, тоест той би бил като негово разширение. По този начин можем да създадем нови функционалности, които могат да ни дадат възможност да използваме повече методи с по -малко усилия по време на разработката.
Нека да видим следния пример, където ще генерираме помощник в „on“ събитие, което ще се изобразява всеки път, когато дадено събитие се извика или задейства в декларацията за изглед. Това ни дава възможност за генериране на персонализирани събития, които извикват помощника, за да изпълнява нашите функционалности на приложението:

Нека да видим как можем да направим по -ясен пример, ще внедрим брояч, който се увеличава всеки път, когато кликнете върху бутон.
Как да реализираме ефекта?Ще използваме помощник за бутони Thorax.js което ще ни помогне да извикаме метод при всяко щракване върху елемента. Това ни позволява да дадем по -голям динамичен ефект на нашето приложение.
Този код показва как генерираме нашето „включено“ събитие с персонализирано събитие, след което създаваме бутон и го поставяме като спусък функцията "increment", която съответства на нашето персонализирано събитие, което сме декларирали в предишния ред.

 {{#on "увеличение"}} {{i}} {/ on}} {{#button trigger = "увеличение"}} Увеличаване {{/ button}} 

След това на следното изображение виждаме как можем да поставим кода в класа на съответния изглед:

Както виждаме, ние обобщихме това, което би могло да ни отведе повече редове код в нещо доста просто и много по -лесно за отстраняване на грешки и поддържане. Този тип структура се поддава много, за да може да прави по -добри приложения на една страница, оставяйки вратата отворена, за да може да прилага повече асинхронни елементи.
Както виждаме, е много лесно да се приложат по -добри модели на развитие, включването на помощници осигурява по -добри функционалности, тъй като те вече са разработени и документирани от екипа на Thorax.js и неговата общност можем да се уверим, че ще имаме малък брой грешки и грешки и с всяка актуализация те ще бъдат коригирани, като по този начин ще се увеличи сигурността на нашите приложения.