Backbone.js - Eventi nelle collezioni

Sommario
Come dovremmo sapere, le collezioni sono una parte molto importante di Backbone.js per gestire i dati dinamici della nostra applicazione, tuttavia se dipendiamo solo da essa dovremo probabilmente eseguire una grande quantità di codice ogni volta che avremo bisogno di costruire una vista che rappresenti le nostre raccolte.
Con l'uso di Torace Possiamo sfruttare le agevolazioni offerte da questa estensione per ridurre la mole di lavoro e quindi realizzare applicazioni in minor tempo e con un codice più efficiente.
Assistente di raccolta
Sappiamo che a aiutante è un raggruppamento di metodi che ci aiuta con un particolare argomento, nel caso delle raccolte l'helper che ha Torace Ci aiuta a generare visualizzazioni da questi, con questo possiamo riutilizzare e scrivere un codice più efficiente e meno complesso, questo ci aiuta a migliorare la manutenzione della nostra applicazione, nonché il modo in cui possiamo sviluppare le nostre funzionalità.
CollezioneViewNel caso specifico di Torace abbiamo il CollezioneView, che è colui che ci aiuterà a prendere ogni elemento della nostra collezione e generare una vista che può cambiare in base al comportamento di detti elementi.
Vediamo un semplice esempio di come questo aiutante costruire una vista da una raccolta.

Questa raccolta riceve un numero di elementi, in questo caso animali domestici e ognuno avrebbe un nome, quindi nella nostra applicazione Javascript avremmo il seguente:

Come vediamo il aiutante ci aiuta a creare l'elemento dalla raccolta con poche righe di codice.
Attributi disponibili
Per facilitare la nostra vita possiamo utilizzare una serie di attributi nel nostro HTML che ci forniscono un'interpretazione di Torace che può essere utile, vediamo quali possiamo usare:
articolo-modelloCi permette di specificare un modello per ogni modello.
vista-elementoÈ una classe che viene utilizzata quando creiamo ogni vista degli elementi della raccolta.
modello vuotoÈ il modello predefinito che verrà utilizzato quando la raccolta è vuota, in questo modo possiamo coprire il caso di non avere risultati.
vista vuotaCome nel caso del template vuoto, questo genera la vista per quando non abbiamo elementi nella nostra collezione.
Blocchi condizionali
C'è uno strumento che sono blocchi condizionali, che ci consentono di specificare i casi, in modo che la nostra raccolta possa mostrare una vista o l'altra a seconda dei casi.

In questo caso vediamo come definiamo un elemento o l'altro nel caso in cui la raccolta non abbia elementi già caricati, questo ci fa risparmiare molto lavoro e convalide che rendono un codice più complesso del necessario.
Bene con questo finiamo questo tutorial, come vediamo Backbone.js e la sua flessibilità ci dà la porta per utilizzare le estensioni che ci permettono di gestire la nostra applicazione nel modo che vogliamo, nel caso degli helper, le funzionalità che ci aiutano a costruire sono inestimabili, l'importante è sapere come usare questi aiuti e creare il miglior codice possibile.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo

Aiuterete lo sviluppo del sito, condividere la pagina con i tuoi amici

wave wave wave wave wave