Espinha dorsal.Coleção JS.Método de arrancada
Neste backbone.JS Tutorial da estrutura, discutiremos o método Pluck () 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
- É usado com javascript.
- Podemos implementar a estrutura dentro da tag.
- Esta estrutura suporta métodos e funções JavaScript como saída e entrada de leitura.
- A tag é colocada dentro da etiqueta ou na tag.
- É 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
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
Os links de CDN são colocados com o atributo SRC da tag de script.
Links de CDN
| 1 2 3 |
O método Pluck () na espinha dorsal.Coleção JS usada para retornar o atributo da instância do modelo especificado em uma coleção.
Sintaxe:
| 1 | Coleção_Object.Pluck (atributo) |
É preciso um parâmetro.
O parâmetro do atributo é a propriedade do modelo.
Abordagem
1. Crie um modelo de backbone usando o método Extend ().
Sintaxe:
| 1 | var modeloclass = backbone.Modelo.ampliar(); |
2. Crie uma coleção de backbone usando o método Extend () e passe na classe Model.
Sintaxe:
| 1 2 3 4 5 | var collectionClass = backbone.Coleção.ampliar( Modelo: ModelClass ); |
3. Crie um objeto ou instância para a classe de coleção.
Sintaxe:
| 1 | var collection_instance = new collectionClass (); |
4. Explore o método PLUCK () na espinha dorsal.Coleção JS.
Vamos discutir vários exemplos da espinha dorsal.Método JS Collection Pluck ().
Exemplo 1: Atributo de retorno usando o método PLUCK ()
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 da 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 Pluck () em uma coleção.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 | Linux Dica |
Saída:
Execute o aplicativo em seu navegador salvando o código no arquivo com .HTML como uma extensão.
Aqui, devolvemos todos os atributos usando o método PLUCK ().
Exemplo 2: Retornar atributo usando o método PLUCK ()
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, obteremos todos os atributos usando o método Pluck () em uma coleção.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 | Linux Dica |
Saída:
Execute o aplicativo em seu navegador salvando o código no arquivo com .HTML como extensão.
Aqui, devolvemos todos os atributos usando o método PLUCK ().
Conclusão
Neste backbone.JS Tutorial, discutimos o método Pluck () em uma coleção. É usado para selecionar os atributos. Se houver várias instâncias modelo em uma coleção, elas serão devolvidas separadas por uma vírgula.