Neste backbone.JS Tutorial da estrutura, discutiremos o método RESET () na aula de coleta.

Introdução

Espinha dorsal.JS é uma estrutura usada para criar aplicativos da Web que seguem o estilo de JavaScript.

Ele suporta modelos, eventos, coleções, vistas e serviços públicos.

Usando qualquer uma das funcionalidades acima, podemos criar e executar operações diferentes nos dados fornecidos em um aplicativo da web.

Pontos para lembrar

1. É usado com javascript.
2. Podemos implementar a estrutura dentro da tag.
3. Esta estrutura suporta métodos e funções JavaScript como saída e entrada de leitura.
4. A tag é colocada dentro da etiqueta ou na tag.
5. É importante ter links de rede de entrega de conteúdo (CDN) para executar o aplicativo da web no servidor.

A estrutura para colocar o código

Os links de CDN são colocados com o atributo SRC da tag de script.

Links de CDN:

Método RESET () em Backbone.A coleção JS é usada para redefinir ou remover as instâncias do modelo de uma coleção. Ele também redefine a coleção existente com novas instâncias de modelo em uma coleção.

Sintaxe:

São necessários dois parâmetros.

1. Modelo é uma instância que será redefinida de uma coleção.
2. As opções são usadas para especificar NULL quando redefinirmos a coleção.

Remover: collection_object.reiniciar()

Para nova instância de modelo modelo Redefinição: collection_object.Redefinir (Model_instance)

Abordagem

1. Crie um modelo de backbone usando o método Extend ().

Sintaxe:

var modeloclass = backbone.Modelo.ampliar();

2. Crie uma coleção de backbone usando o método Extend () e passe na classe Model.

Sintaxe:

var collectionClass = backbone.Coleção.ampliar(
Modelo: ModelClass
);

3. Crie um objeto ou instância para a classe de coleção.

Sintaxe:

var collection_instance = new collectionClass ();

4. Explore o método RESET () na espinha dorsal.Coleção JS.

Vamos discutir alguns exemplos da espinha dorsal.Método JS Collection Reset ().

Exemplo 1: Atualize a nova instância do modelo na coleção usando RESET ()

Neste exemplo, criaremos uma classe modal chamada "Flowers" e uma aula de coleção "FlowerCollection". Vamos passar nossa classe modelo, "Flowers", dentro dela.

Depois disso, temos que criar cinco instâncias para o modelo "Flowers" com três atributos: (FLOR_NAME, FLORES_SEPALS, FLORES_PETALS).

Criaremos uma "Flower_Collection", uma instância da coleção "FlowerCollection". Em seguida, adicionaremos a instância do "Modelo de Flor" à instância da coleção usando o método Add ().

Reiniciaremos essas cinco instâncias modelo e colocaremos uma nova instância de modelo com dois atributos.

Finalmente, exibimos a coleção usando o JSON.Método Stringify ().

Linux Dica

Saída:

Execute o aplicativo em seu navegador salvando o código no arquivo com .HTML como uma extensão.

Aqui, podemos ver o método Reset () redefinir as instâncias antigas em uma coleção com uma nova instância.

Exemplo 2: Remova as instâncias do modelo da coleção usando RESET ()

Neste exemplo, criaremos uma classe modal chamada "Flowers" e uma aula de coleção "FlowerCollection". Vamos passar nossa classe modelo, "Flowers", dentro dela.

Depois disso, temos que criar cinco instâncias para o modelo "Flowers" com três atributos: (FLOR_NAME, FLORES_SEPALS, FLORES_PETALS).

Criaremos uma "Flower_Collection", uma instância da coleção "FlowerCollection". E adicionaremos a instância do modelo "FLOR" à instância da coleção usando o método Add ().

Agora, removeremos todas as instâncias do modelo existente usando RESET ().

Finalmente, estamos exibindo a coleção usando o JSON.Método Stringify ().

Linux Dica

Saída:

Execute o aplicativo em seu navegador salvando o código no arquivo com .HTML como uma extensão.

Aqui, o método Reset () remove todas as instâncias antigas do modelo em uma coleção.

Conclusão

Neste backbone.JS Tutorial, discutimos o método Reset () na coleção. Isso redefiniria as instâncias do modelo antigo e as definiria com novas instâncias se não especificássemos nenhuma instância. Ele removerá todas as instâncias do modelo de uma coleção.