Backbone.js - Metodo Render()

Il vantaggio di lavorare con a Struttura MVC è che possiamo separare le diverse aree dell'applicazione in livelli, sappiamo già che il modello e il controller sono i livelli responsabili di dare la funzionalità interna e l'implementazione logica alla nostra applicazione, tuttavia è nella parte della vista dove viene creato il maggiore impatto in quanto è ciò che l'utente vedrà.
Per gestire la vista abbiamo diverse opzioni, sappiamo che dobbiamo avere un motore di template, la cosa interessante è che possiamo usare una delle tante opzioni e per permettercelo, abbiamo il render() metodo che è quello che chiamerà il modello e visualizzerà i dati.
Rendi () metodo
Se abbiamo bisogno di definire la logica di come visualizzare un modello possiamo usare il metodo opzionale render().
ImportanteIn questo tutorial useremo Sottolineare come motore di template e inoltre prenderemo come base il seguente HTML:

Qui vediamo come facciamo un blocco a cui definiamo che il suo tipo sarà testo / modello e aggiungiamo un modello di identificazione, questo ci aiuterà quando inviamo le informazioni al motore del modello.
Funzionamento
C'è un metodo in Sottolineare chiamata ._modello che compila il codice del template in Javascript e lo trasforma in funzioni che possiamo poi valutare e visualizzare.
Ad esempio al metodo passiamo le etichette che utilizzerà usando un id nel caso del codice precedente è l'id-template, con questo, il ._metodo modello sai già dove restituire i dati.
Poi lui render() metodo usa il modello passandogli i dati usando il metodo aJSON () che in qualche modo traduce gli attributi del modello che abbiamo associato alla vista. Quindi il modello restituisce l'HTML concreto e lo aggiungiamo al albero DOM del documento utilizzando il proprietà $ the.

Questo può sembrare un sacco di lavoro, ma tutto è davvero fatto dal framework insieme al motore del modello, quindi il nostro intervento è molto più semplice che se dovessimo fare tutto questo senza il tuo aiuto.

Esempi di utilizzo
C'è una convenzione in cui dobbiamo restituisci questo alla fine del metodo rendere (), Questo ci aiuta a rendere le viste riutilizzabili in altre viste e anche a creare elenchi di elementi che verranno disegnati una volta che tutti gli elementi saranno presenti e non uno per uno, risparmiando così un po' di risorse.
Vediamo di seguito un'immagine di un esempio di come costruire una visualizzazione elenco:

Lo vediamo all'interno del metodo rendere () usiamo questo per aggiungere alla proprietà $ il, il contenuto del modello e poi possiamo restituire tutto questo con il restituisci questo.
Abbastanza semplice da implementare, ma molto utile poiché ciò ci consentirà di utilizzare questo elenco anche come sottoview all'interno di altre visualizzazioni padre.
Finiamo il tutorial conoscendo il metodo rendere () e la sua grande importanza nella definizione di viste che possono essere riutilizzabili.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo