Backbone.js - Metoda renderowania ()

Zaleta pracy z Framework MVC jest to, że możemy rozdzielić różne obszary aplikacji na warstwy, już wiemy, że model i kontroler to warstwy, które odpowiadają za nadanie wewnętrznej funkcjonalności i logicznej implementacji naszej aplikacji, jednak jest to w części widoku gdzie powstaje największy wpływ, ponieważ jest to to, co zobaczy użytkownik.
Do zarządzania widokiem mamy kilka opcji, wiemy, że musimy mieć silnik szablonów, ciekawostką jest to, że możemy skorzystać z jednej z wielu opcji i aby sobie na to pozwolić, mamy metoda render () czyli ten, który wywoła szablon i wyświetli dane.
Metoda renderowania ()
Jeśli musimy zdefiniować logikę wyświetlania szablonu, możemy użyć opcjonalna metoda renderowania ().
WażnyW tym samouczku będziemy używać Podkreślać jako silnik szablonów, a dodatkowo weźmiemy za podstawę następujący kod HTML:

Tutaj widzimy, jak robimy klocek do którego określamy, że jego typ będzie tekst / szablon i dodajemy szablon identyfikatora, pomoże nam to, gdy wysyłamy informacje do silnika szablonów.
Funkcjonowanie
Jest metoda w Podkreślać zwany ._szablon który kompiluje kod szablonu do JavaScript i przekształca go w funkcje, które możemy następnie ocenić i wyświetlić.
Na przykład do metody przekazujemy etykiety, których będzie używała za pomocą id w przypadku poprzedniego kodu to id-szablon, przy czym ._metoda szablonu już wiesz, gdzie zwrócić dane.
Potem on metoda render () korzysta z szablonu przekazując do niego dane za pomocą metody do JSON () co w pewien sposób przekłada atrybuty modelu, które skojarzyliśmy z widokiem. Następnie szablon zwraca konkretny kod HTML i dodajemy go do drzewo DOM dokumentu przy użyciu nieruchomość $ the.

Może to brzmieć jak dużo pracy, ale tak naprawdę wszystko jest wykonywane przez framework wraz z silnikiem szablonów, więc nasza interwencja jest znacznie prostsza niż gdybyśmy musieli to wszystko zrobić bez Twojej pomocy.

Przykłady użycia
Istnieje konwencja, w której musimy… zwróć to na końcu metody renderowanie (), To pomaga nam tworzyć widoki wielokrotnego użytku w innych widokach, a także tworzyć listy elementów, które zostaną narysowane, gdy wszystkie elementy będą obecne, a nie jeden po drugim, oszczędzając w ten sposób trochę zasobów.
Zobaczmy poniżej obraz przykładu budowania widoku listy:

Widzimy to w ramach metody renderowanie () używamy tego, aby dodać do nieruchomości $, zawartość modelu, a następnie możemy to wszystko zwrócić za pomocą zwróć to.
Dość proste do zaimplementowania, ale bardzo pomocne, ponieważ pozwoli nam to używać tej listy nawet jako podwidoku w innych widokach nadrzędnych.
Kończymy tutorial znając metodę renderowanie () i jego ogromne znaczenie przy definiowaniu widoków, które można ponownie wykorzystać.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt