Backbone.js - Viste nidificate

Quando lavoriamo con Backbone.js Abbiamo molti modi per fare la stessa cosa, dipende da cosa stiamo cercando e dal nostro livello di sviluppatori per essere in grado di fare l'una o l'altra cosa nei casi in cui si applicano.
Tenendo conto che una vista nidificata può essere utile nella realizzazione di applicazioni di una singola pagina che sono ciò che viene perseguito quando si utilizza Backbone.js come framework Javascript.
Combinare le visualizzazioni con jQuery
Come sappiamo le pagine sono costituite da elementi annidati, quindi le viste di Backbone.js corrispondono ad elementi all'interno di detta pagina, quindi nidificare una vista non è altro che nidificare un elemento all'interno di un altro, che in questo caso risulta essere del tipo vista.
Uno dei modi più semplici per farlo è usare jQuery grazie ai suoi metodi per aggiungere HTML agli elementi esistenti con il metodo .append(). Vediamo nell'immagine seguente un esempio di cosa stiamo parlando:

Qui vediamo come creiamo due elementi del tipo Sottovista che è il modo per creare le viste nidificate, quindi con il metodo .append() Li aggiungiamo al contenitore corrispondente, è un approccio abbastanza semplice che può funzionare per noi nei casi in cui le viste non hanno bisogno di nulla di aggiuntivo, semplicemente un luogo da visualizzare.
Utilizzo di SetElement()
Questo è un altro modo per risolvere il problema della creazione di una vista nidificata, il problema è che è un po' più complesso rispetto alla versione precedente che abbiamo visto con jQuery, quindi se possiamo risolvere nel primo modo non dobbiamo preoccuparci, comunque vediamo di seguito come possiamo applicare questa soluzione:

Qui vediamo come inizializziamo per la prima volta il nostro viste nidificate, quindi al momento del rendering della vista principale abbiamo posizionato le sotto-viste create e con il metodo setElement li abbiamo aggiunti al contenitore corrispondente.
SvantaggioIl principale svantaggio di questo è che non possiamo impostare il nome del tag, con questo dobbiamo ri-delegare gli eventi, aggiungendo un ulteriore livello di complessità alla nostra applicazione.
Altre alternative
Un altro modo per farlo è utilizzare un'estensione, ad esempio Marionetta o Torace, queste estensioni hanno già il livello logico necessario per gestirlo funzionalità di nidificazione delle viste, con questo dobbiamo solo occuparci di scrivere la logica della nostra applicazione.
Come vediamo Backbone.js È abbastanza ampio e flessibile da consentire allo stesso problema di avere soluzioni diverse, sta a noi scegliere quale soluzione applicare e come risolverla, in modo che la nostra applicazione sia ciò che abbiamo visualizzato e che i nostri utenti vincano.
Come vediamo creare una vista nidificata in Backbone.js Sebbene sia un compito semplice, può essere molto complesso, ma possiamo affrontarlo con soluzioni diverse come abbiamo dimostrato, è molto importante non aver paura di quanto possa essere difficile o meno applicare una soluzione, abbiamo solo avere una mente aperta e indagare nella documentazione ciò che meglio si adatta alle nostre esigenzeTi è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo