Backbone.js - View Helper, Thorax.js

Udvidelser som Thorax.js De har en række værktøjer, der giver os mulighed for at lette opbygningen af ​​visse adfærd i vores applikationer. Med dette, hvis vi læser dokumentationen godt, kan vi finde funktionaliteter, der vil undgå, at vi selv skal bygge bestemte kodeblokke.
Et afsnit, hvor disse hjælpere De er meget nyttige er visningsafsnittet, da det er her, vi bliver nødt til at interagere på en mere direkte måde med vores brugere, så vi bliver helt sikkert nødt til at vise tekster og elementer for at kunne give sektionen dynamik osv.
registerViewHelper
Da vi havde avanceret registerViewHelper er en metode, der hjælper os med at oprette en ny blok, der vil have integreret en HelperViewMed dette kan vi oprette en børnesynsinstans, der giver os adgang til konteksten i den overordnede visning, det vil sige, det ville være som en forlængelse af den. På denne måde kan vi skabe nye funktionaliteter, der kan give os mulighed for at bruge flere metoder med mindre indsats på udviklingstidspunktet.
Lad os se følgende eksempel, hvor vi skal generere en hjælper i en 'on' -hændelse, der gengives hver gang en begivenhed kaldes eller udløses i visningserklæringen. Dette giver os mulighed for at generere brugerdefinerede hændelser, der kalder hjælperen til at udføre vores applikationsfunktioner:

Lad os se, hvordan vi kan lave et klarere eksempel, vi kommer til at implementere en tæller, der stiger hver gang vi klikker på en knap.
Hvordan realiseres effekten?Vi vil bruge en knaphjælper Thorax.js som hjælper os med at kalde en metode hver gang der klikkes på elementet. Det er det, der giver os mulighed for at give vores applikation en større dynamisk effekt.
Denne kode viser, hvordan vi genererer vores "on" -begivenhed med en tilpasset begivenhed, derefter opretter vi en knap og placerer den som udløser funktionen "inkrement", der svarer til vores brugerdefinerede hændelse, som vi har erklæret i den forrige linje.

 {{#on "stigning"}} {{i}} {/ on}} {{#button trigger = "forhøjelse"}} Forøg {{/ button}} 

Så i det følgende billede ser vi, hvordan vi kan placere koden i klassen i den tilsvarende visning:

Som vi kan se, har vi opsummeret, hvad der kunne have taget os flere kodelinjer til noget ganske enkelt og meget lettere at fejlsøge og vedligeholde. Denne type struktur egner sig meget til at kunne lave bedre applikationer af en enkelt side, hvilket efterlader døren åben for at kunne anvende flere asynkrone elementer.
Som vi kan se, er det meget let at anvende bedre udviklingsmønstre, inklusion af hjælpere giver bedre funktionaliteter, da de allerede er udviklet og dokumenteret af teamet af Thorax.js og dets samfund kan vi sikre os, at vi har et lavt antal fejl og fejl, og med hver opdatering vil disse blive korrigeret og dermed øge sikkerheden i vores applikationer.