Backbone.js - Atualizando coleções

Nas aplicações que realizamos, eventualmente teremos gestão massiva de dados, se utilizarmos o conhecimento que temos de Backbone.js Para trabalhar com coleções, podemos ver que em algum momento teremos que fazer modificações massivas e torná-los modelo por modelo dentro da coleção não é eficaz.
Para superar esses obstáculos, existem maneiras e métodos dentro Backbone.js com o qual podemos modificar ou atualizar e trazer todos os modelos dentro de uma coleção para um estado anterior, este é um conhecimento muito útil se tivermos que trabalhar com processos que individualmente podem acionar o desempenho do aplicativo.
Atualizando a coleção
Como explicamos anteriormente, fazer uma mudança massiva em uma coleção é algo que pode ser útil, especialmente quando estamos trabalhando com um grande volume de dados que podem fazer a mudança de modelo para modelo individualmente. nós afetamos o desempenho do aplicativo.
Como fazer essa mudança?Para fazer essa mudança de uma forma "massiva", temos o método .restabelecer (), este método é aplicável a coleções, portanto, devemos primeiro inicializar uma coleção antes de podermos usá-la.
Vamos ver no exemplo a seguir como criaremos uma coleção e com base nela usaremos o método .reset ():

 var AllCollection = novo Backbone.Collection (); TodosCollection.add ([{id: 1, title: 'Go to Germany.', Completed: false}, {id: 2, title: 'Go to Colombia.', Completed: false}, {id: 3, title: 'Vá para o Japão.', Concluído: verdadeiro}]); TodosCollection.on ("adicionar", função (modelo) {console.log ("Adicionado" + model.get ('título'));}); TodosCollection.on ("remover", função (modelo) {console.log ("Removido" + model.get ('título'));}); TodosCollection.on ("mudança: concluído", função (modelo) {console.log ("Concluído" + model.get ('título'));}); TodosCollection.set ([{id: 1, title: 'Go to Germany.', Completed: true}, {id: 2, title: 'Go to Colombia.', Completed: false}, {id: 4, title: 'Vá para Hong Kong.', Concluído: falso}]); TodosCollection.on ("reset", function () {console.log ("Coleção atualizada.");}); TodosCollection.reset ([{title: 'Go to Canada.', Completed: false}]); 

Este exemplo é bastante útil, se olharmos que iniciamos uma nova coleção, adicionando cerca de 3 modelos e estamos ouvindo os 3 eventos básicos: adicionar, alterar e deletar, cada vez que algum destes ocorrer, vamos causar uma impressão usando console.log (), depois de terminarmos de ouvir os eventos, fizemos um conjunto, se fizermos o conjunto com um modelo que não existe, ele é simplesmente adicionado, mas é esse o problema que queremos evitar.
Como evitar o problema?Para evitar o problema, usaremos o método de reinicialização e para testar se funciona colocamos uma função para escutar se o evento reset acontece, se assim for imprimiremos uma mensagem com console.log; Por fim, fazemos um reset da coleção, ou seja, atualizamos seu conteúdo e imediatamente definimos um novo modelo, ao fazer isso a coleção mudará completamente e veremos que os eventos anteriores que mencionamos não devem ser ativados.
Vamos ver na imagem a seguir como obedecemos a tudo o que foi descrito ao executar o código no console para Javascript do Google Chrome:

Vemos que ao zerar a coleção, os eventos declarados no início da eliminação de modelos, ou adição, não são efetivamente acionados, isso porque estamos atualizando a coleção, ou seja, criando-a como se fosse 0.
Com isso finalizamos o tutorial onde pudemos ver que atualizar uma coleção é um procedimento muito simples que bem implementado pode nos ajudar a melhorar o desempenho e funcionalidade de nossos aplicativos usando Backbone.js.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo