Backbone.js - widoki zagnieżdżone

Kiedy pracujemy z Backbone.js Mamy wiele sposobów na zrobienie tego samego, zależy to od tego, czego szukamy i od naszego poziomu jako programistów, aby móc zrobić to lub coś innego w przypadkach, w których mają zastosowanie.
Biorąc pod uwagę, że widok zagnieżdżony może być przydatny w realizacji aplikacji pojedynczej strony, które są realizowane przy użyciu Backbone.js jako framework JavaScript.
Łączenie widoków z jQuery
Jak wiemy strony składają się z elementów zagnieżdżonych, dlatego widoki Backbone.js odpowiadają elementom na tej stronie, więc zagnieżdżenie widoku to nic innego jak zagnieżdżenie jednego elementu w innym, który w tym przypadku okazuje się być widokiem.
Jednym z najłatwiejszych sposobów na osiągnięcie tego jest użycie jQuery dzięki swoim metodom dodawania HTML do istniejących elementów z .append() metoda. Zobaczmy na poniższym obrazku przykład tego, o czym mówimy:

Tutaj widzimy jak tworzymy dwa elementy tego typu Podgląd podrzędny co jest sposobem na tworzenie widoków zagnieżdżonych, a następnie za pomocą .append() metoda Dodajemy je do odpowiedniego kontenera, jest to dość proste podejście, które może się u nas sprawdzić w przypadkach, gdy widoki nie potrzebują niczego dodatkowego, po prostu miejsca do wyświetlenia.
Korzystanie SetElement ()
To kolejny sposób na rozwiązanie problemu tworzenia widoku zagnieżdżonego, problem polega na tym, że jest on nieco bardziej złożony niż poprzednia wersja, którą widzieliśmy jQuery, więc jeśli potrafimy rozwiązać w pierwszy sposób, nie powinniśmy się martwić, jednak poniżej widzimy, jak możemy zastosować to rozwiązanie:

Tutaj widzimy, jak po raz pierwszy inicjujemy nasz widoki zagnieżdżone, to w momencie renderowania widoku głównego umieściliśmy utworzone pod-widoki i za pomocą Metoda setElement mamy je dodane do odpowiedniego kontenera.
NiekorzyśćGłówną wadą jest to, że nie możemy ustawić nazwy tagu, w związku z czym musimy ponownie delegować zdarzenia, dodając dodatkową warstwę złożoności do naszej aplikacji.
Inne alternatywy
Innym sposobem na to jest użycie rozszerzenia, na przykład Marionetka lub Tułów, te rozszerzenia mają już warstwę logiczną niezbędną do obsługi tego funkcjonalność zagnieżdżania widoków, przy tym musimy tylko zadbać o napisanie logiki naszej aplikacji.
Jak widzimy Backbone.js Jest na tyle szeroki i elastyczny, że ten sam problem może mieć różne rozwiązania, od nas zależy, które rozwiązanie zastosujemy i jak je rozwiązać, aby nasza aplikacja była tym, co wizualizowaliśmy, a nasi użytkownicy wygrywali.
Jak widzimy tworzenie zagnieżdżonego widoku w Backbone.js Chociaż jest to proste zadanie, może być bardzo złożone, ale możemy zmierzyć się z nim za pomocą różnych rozwiązań, jak pokazaliśmy, bardzo ważne jest, aby nie bać się, jak trudne lub nie może być zastosowanie rozwiązania, po prostu mamy mieć otwarty umysł i badać w dokumentacji, co najlepiej odpowiada naszym potrzebomPodobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt