Neste backbone.JS Tutorial da estrutura, discutiremos como criar uma classe de coleção com o método estend ().

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.

Ao usar 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 Extend () é usado para criar nossa própria coleção, estendendo a classe de coleção.

Sintaxe:

Espinha dorsal.Coleção.estender (Propriedades, ClassProperties)

Parâmetros:

1. O parâmetro de propriedades é usado para fornecer propriedades de instância para a classe de coleta criada.

2. PROPRIETIVAS DE CLASSE: As propriedades da classe são anexadas à função de construtor de coleção criada.

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 ();

Exemplo

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 cinco instâncias para o modelo Flowers com três atributos (Flower_name, Flower_sepals, Flower_petals).

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

Agora, obteremos todos os atributos usando o método Pluck () em uma coleção.

Linux Dica

Saída:

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

Aqui, criamos o FlowerCollection por extensão da coleção.Depois disso, passamos o modelo de flores para ele.

Conclusão

Neste backbone.JS Tutorial, discutimos como criar uma coleção e como passar as instâncias do modelo para o objeto de coleção. Depois disso, simplesmente exibimos os atributos usando a função PLUCK ().