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
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 set () na espinha dorsal.A JS Collection atualiza a instância de um modelo na coleção.
Ele retornará a instância do modelo anterior e a instância modificada. Se o modelo não existir na coleção, ele adicionará este modelo à coleção.
Sintaxe:
Coleção_Object.set (modelo, opções)
São necessários dois parâmetros.
Abordagem
Sintaxe:
var modeloclass = backbone.Modelo.ampliar();
Sintaxe:
var collectionClass = backbone.Coleção.ampliar(
Modelo: ModelClass
);
Exemplo 1: Atualize a instância do modelo na coleção usando set ()
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, atualizaremos a instância do modelo adicionado com outra instância.
Finalmente, estamos exibindo a coleção usando o JSON.Método Stringify ().
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 set () atualizado a instância antiga com um novo modelo de instância em uma coleção e retornou as duas instâncias.
Exemplo 2: Adicione a nova instância do modelo na coleção usando set ()
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 a instância do modelo de flores à instância da coleção usando o método add ().
Agora, criaremos uma nova instância de modelo com atributos.
Finalmente, estamos exibindo a coleção usando o JSON.Método Stringify ().
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 set () adicionar um novo modelo de instância - FLOR2 a uma coleção.
Conclusão
Neste backbone.JS Tutorial, discutimos o método set () na coleção. É usado para atualizar as instâncias do modelo em uma coleção. Se a instância do modelo não estiver presente, ele adicionará esse modelo à coleção. Para conseguir isso, verifique se você acabou de definir uma instância.