Backbone.js - Wyświetl pomocnik, Thorax.js

Rozszerzenia takie jak Thorax.js Posiadają szereg narzędzi, które pozwalają nam ułatwić konstruowanie pewnych zachowań naszych aplikacji, dzięki temu, jeśli dobrze zapoznamy się z dokumentacją, możemy znaleźć funkcjonalności, które pozwolą nam uniknąć konieczności samodzielnego budowania pewnych bloków kodu.
Sekcja, w której te pomocnicy Bardzo pomocna jest sekcja widoków, ponieważ w tym miejscu będziemy potrzebować bardziej bezpośredniej interakcji z naszymi użytkownikami, więc na pewno będziemy musieli wyświetlać teksty i elementy, aby móc nadać sekcji dynamikę itp.
zarejestruj sięPomocnik
Jak już zaawansowaliśmy zarejestruj sięPomocnik to metoda, która pomaga nam stworzyć nowy blok, który będzie miał osadzony Widok pomocniczyDzięki temu możemy stworzyć instancję widoku podrzędnego, która pozwala nam uzyskać dostęp do kontekstu widoku nadrzędnego, czyli byłoby jego rozszerzeniem. W ten sposób możemy tworzyć nowe funkcjonalności, które dadzą nam możliwość korzystania z większej liczby metod przy mniejszym nakładzie pracy w momencie tworzenia.
Zobaczmy następujący przykład, w którym wygenerujemy helper w zdarzeniu „on”, które będzie renderowane za każdym razem, gdy zdarzenie zostanie wywołane lub wyzwolone w deklaracji widoku. Daje nam to możliwość generowania niestandardowych zdarzeń, które wywołują pomocnika w celu wykonania funkcjonalności naszej aplikacji:

Zobaczmy, jak możemy zrobić jaśniejszy przykład, zaimplementujemy licznik, który zwiększa się za każdym razem, gdy klikamy przycisk.
Jak zrealizować efekt?Użyjemy pomocnika przycisku Thorax.js co pomoże nam wywołać metodę za każdym razem, gdy element zostanie kliknięty. To pozwala nam nadać naszej aplikacji większy efekt dynamiczny.
Ten kod pokazuje, w jaki sposób generujemy nasze zdarzenie „on” z niestandardowym zdarzeniem, a następnie tworzymy przycisk i umieszczamy go jako cyngiel funkcja „increment” odpowiadająca naszemu niestandardowemu zdarzeniu, które zadeklarowaliśmy w poprzednim wierszu.

 {{#w "zwiększeniu"}} {{i}} {/ na}} {{#button trigger = "zwiększ"}} Zwiększ {{/ button}} 

Następnie na poniższym obrazku widzimy, jak możemy umieścić kod w klasie odpowiedniego widoku:

Jak widać, podsumowaliśmy to, co mogło zająć nam więcej linijek kodu, w coś całkiem prostego i znacznie łatwiejszego do debugowania i utrzymania. Ten rodzaj struktury jest bardzo przydatny, aby móc tworzyć lepsze aplikacje z jednej strony, pozostawiając otwarte drzwi do zastosowania bardziej asynchronicznych elementów.
Jak widać bardzo łatwo jest zastosować lepsze wzorce programistyczne, włączenie helperów zapewnia lepsze funkcjonalności, ponieważ są one już opracowane i udokumentowane przez zespół Thorax.js i jego społeczności możemy być pewni, że będziemy mieli małą liczbę błędów i błędów, a przy każdej aktualizacji będą one poprawiane, zwiększając w ten sposób bezpieczeństwo naszych aplikacji.