Neste backbone.JS Tutorial da estrutura, discutiremos o método push () 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 anteriores, 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.

Vamos ver 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

O método push () na espinha dorsal.A coleção JS adiciona um modelo à coleção no final. É possível adicionar um único modelo (instância única) ou uma matriz de modelos (mais de uma instância através de uma matriz) à coleção.

Sintaxe:

Coleção_Object.push (modelo, opções)

São necessários dois parâmetros.

1. Modelo é uma instância que será adicionada no final da coleção.
2. O parâmetro de opções é usado para especificar se é um modelo ou uma variedade de modelos a serem adicionados no final.

Modelo - Coleção_Object.push (model_instance1)

Matriz de modelos - Coleção_Object.push ([model_instance1, model_instance2,…])

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 push () na espinha dorsal.Coleção JS.

Vamos discutir vários exemplos da espinha dorsal.Método da coleção js ().

Exemplo 1: empurre um único modelo para a coleção

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

Depois disso, temos que criar uma instância para o modelo Flowers com três atributos (flor_name, flor_sepals, flor_petals).

Criaremos uma Flower_collection, que é uma instância da coleção FlowerCollection. E adicionaremos a instância do modelo de flores à instância da coleção usando o método add ().

Agora, pressionaremos uma nova instância de modelo para a coleção usando o método push ().

Finalmente, estamos exibindo a coleção usando o método Tojson ().

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 push () adiciona a instância do flor2 à flor_collection no final.

Exemplo 2: Push Array de modelos para a coleção

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

Depois disso, temos que criar uma instância para o modelo Flowers com três atributos (flor_name, flor_sepals, flor_petals).

Criaremos uma flor_collection, que é uma instância para a coleção FlowerCollection. E adicionaremos três instâncias do modelo de flores à instância da coleção usando o método add ().

Agora, levaremos duas instâncias modelo para a coleção usando o método push ().

Finalmente, estamos exibindo a coleção usando o método Tojson ().

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 push () adicionado o Flower2 e Flower3 à coleção no final.

Conclusão

Neste backbone.JS Tutorial, discutimos o método push () na coleção. É usado para adicionar modelos à coleção no final. Se houver mais de uma instância de um modelo a ser pressionado, você poderá usar uma matriz dentro do método push () e passar modelos para o método push () através da matriz.