Espinha dorsal.Coleção JS.Método de conjunto

Espinha dorsal.Coleção JS.Método de conjunto
Neste backbone.JS Tutorial da estrutura, discutiremos o método set () na classe de coleta.

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 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.

  1. O modelo é uma instância/nova instância que atualizará a instância do modelo.
  2. O parâmetro de opções é usado para definir o valor atualizado em uma coleção.

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 set () na espinha dorsal.Coleção JS.
    Vamos discutir alguns exemplos da espinha dorsal.Método JS Collection Set ().

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









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









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 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.