Backbone.js - Vues imbriquées

Quand on travaille avec Backbone.js Nous avons plusieurs façons de faire la même chose, cela dépend de ce que nous recherchons et de notre niveau en tant que développeurs pour pouvoir faire l'une ou l'autre chose dans les cas où ils postulent.
Tenant compte du fait qu'une vue imbriquée peut être utile dans la réalisation d'applications d'une seule page qui sont ce qui est poursuivi lors de l'utilisation Backbone.js comme framework Javascript.
Combiner des vues avec jQuery
Comme nous le savons, les pages sont constituées d'éléments imbriqués, donc les vues de Backbone.js correspondent à des éléments au sein de ladite page, donc l'imbrication d'une vue n'est rien d'autre que l'imbrication d'un élément dans un autre, qui dans ce cas s'avère être de type vue.
L'un des moyens les plus simples d'y parvenir est d'utiliser jQuery grâce à ses méthodes pour ajouter HTML aux éléments existants avec le .append () méthode. Voyons dans l'image suivante un exemple de ce dont nous parlons :

Ici, nous voyons comment nous créons deux éléments du type Sous-vue qui est la façon de créer les vues imbriquées, puis avec le méthode .append() Nous les ajoutons au conteneur correspondant, c'est une approche assez simple qui peut fonctionner pour nous dans les cas où les vues n'ont besoin de rien de plus, simplement d'un endroit à afficher.
Utilisation de SetElement()
C'est une autre façon de résoudre le problème de la création d'une vue imbriquée, le problème est qu'elle est un peu plus complexe que la version précédente que nous avons vue avec jQuery, donc si nous pouvons résoudre de la première manière nous ne devrions pas nous inquiéter, cependant nous voyons ci-dessous comment nous pouvons appliquer cette solution :

Ici, nous voyons comment nous initialisons d'abord notre vues imbriquées, puis au moment du rendu de la vue principale, nous avons placé les sous-vues créées et avec le méthode setElement nous les avons ajoutés au conteneur correspondant.
DésavantageLe principal inconvénient de ceci est que nous ne pouvons pas définir le nom de la balise, avec cela nous devons re-déléguer les événements, ajoutant une couche supplémentaire de complexité à notre application.
Autres alternatives
Une autre façon de le faire est d'utiliser une extension, par exemple Marionnette ou alors Thorax, ces extensions ont déjà la couche logique nécessaire pour gérer cela fonctionnalité de vues d'imbrication, avec cela nous n'avons qu'à nous occuper d'écrire la logique de notre application.
Comme on le voit Backbone.js Il est suffisamment large et flexible pour permettre à un même problème d'avoir des solutions différentes, c'est à nous de choisir quelle solution appliquer et comment la résoudre, pour que notre application soit ce que nous avons visualisé et que nos utilisateurs gagnent.
Comme nous le voyons créer une vue imbriquée dans Backbone.js Bien que ce soit une tâche simple, elle peut être très complexe, mais nous pouvons y faire face avec différentes solutions comme nous l'avons montré, il est très important de ne pas avoir peur de la difficulté ou non d'appliquer une solution, nous avons juste avoir l'esprit ouvert et rechercher dans la documentation ce qui correspond le mieux à nos besoinsAvez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif