Backbone.js - View Helper, Thorax.js

Utvidelser som Thorax.js De har en rekke verktøy som gjør at vi kan legge til rette for konstruksjonen av visse atferd i applikasjonene våre. Med dette, hvis vi leser dokumentasjonen godt, kan vi finne funksjoner som vil unngå at vi må bygge bestemte kodeblokker selv.
En seksjon der disse hjelpere De er veldig nyttige er visningsdelen, siden det er her vi må samhandle på en mer direkte måte med brukerne våre, så vi må sikkert vise tekster og elementer, for å kunne gi dynamikk til seksjonen, etc.
registerViewHelper
Som vi hadde avansert registerViewHelper er en metode som hjelper oss med å lage en ny blokk som vil ha innebygd en HelperViewMed dette kan vi opprette en forekomst av barnesyn som lar oss få tilgang til konteksten til overordnet visning, det vil si at den ville være som en forlengelse av den. På denne måten kan vi skape nye funksjoner som kan gi oss muligheten til å bruke flere metoder med mindre innsats på utviklingstidspunktet.
La oss se følgende eksempel hvor vi skal generere en hjelper i en "på" -hendelse som vil gjengis hver gang en hendelse blir kalt eller utløst i visningserklæringen. Dette gir oss muligheten til å generere tilpassede hendelser som ringer hjelperen til å utføre applikasjonsfunksjonene våre:

La oss se hvordan vi kan lage et tydeligere eksempel, vi skal implementere en teller som øker hver gang vi klikker på en knapp.
Hvordan innse effekten?Vi vil bruke en knapphjelp Thorax.js som vil hjelpe oss med å kalle en metode hver gang elementet klikkes. Dette er det som lar oss gi en større dynamisk effekt til applikasjonen vår.
Denne koden viser hvordan vi genererer "on" -hendelsen vår med en egendefinert hendelse, så lager vi en knapp og plasserer den som avtrekker "inkrement" -funksjonen som tilsvarer vår tilpassede hendelse som vi har erklært i forrige linje.

 {{#on "økning"}} {{i}} {/ on}} {{#button trigger = "økning"}} Øk {{/ knapp}} 

I det følgende bildet ser vi hvordan vi kan plassere koden i klassen til den tilsvarende visningen:

Som vi kan se, har vi oppsummert det som kunne ha tatt oss flere kodelinjer til noe ganske enkelt og mye lettere å feilsøke og vedlikeholde. Denne typen struktur gir mye penger for å kunne lage bedre applikasjoner på en enkelt side, og lar døren stå åpen for å kunne bruke flere asynkrone elementer.
Som vi kan se, er det veldig enkelt å bruke bedre utviklingsmønstre, inkludering av hjelpere gir bedre funksjonalitet, siden de allerede er utviklet og dokumentert av teamet av Thorax.js og dets fellesskap kan vi sørge for at vi har et lavt antall feil og feil, og for hver oppdatering vil disse bli korrigert og dermed øke sikkerheten til applikasjonene våre.