En esta columna vertebral.JS Framework Tutorial, discutiremos el método push () en la clase de recopilación.

Introducción

Columna vertebral.JS es un marco que se utiliza para crear aplicaciones web que sigan el estilo de JavaScript.

Admite modelos, eventos, colecciones, vistas y servicios públicos.

Usando cualquiera de las funcionalidades anteriores, podemos crear y realizar diferentes operaciones en los datos dados en una aplicación web.

Puntos para recordar

1. Se usa con JavaScript.

2. Podemos implementar el marco dentro de la etiqueta.

3. Este marco admite métodos y funciones de JavaScript como salida y entrada de lectura.

4. La etiqueta se coloca dentro de la etiqueta o en la etiqueta.

5. Es importante tener enlaces de red de entrega de contenido (CDN) para ejecutar la aplicación web en el servidor.

Veamos la estructura para colocar el código

Los enlaces CDN se colocan con el atributo SRC de la etiqueta de script.

Enlaces CDN

El método push () en la columna vertebral.JS Collection agrega un modelo a la colección al final. Es posible agregar un modelo único (instancia única) o una matriz de modelos (más de una instancia a través de una matriz) a la colección.

Sintaxis:

colección_object.Push (modelo, opciones)

Se necesitan dos parámetros.

1. El modelo es una instancia que se agregará al final de la colección.
2. El parámetro de opciones se utiliza para especificar si es un modelo o una matriz de modelos que se agregarán al final.

Modelo - Collection_Object.Push (model_instance1)

Variedad de modelos - colección_object.push ([model_instance1, model_instance2,…])

Acercarse

1. Cree un modelo de columna vertebral utilizando el método Extend ().

Sintaxis:

var modelclass = backbone.Modelo.extender();

2. Cree una colección de columna vertebral utilizando el método Extend () y pase la clase de modelo.

Sintaxis:

Var CollectionClass = Backbone.Recopilación.extender(
Modelo: ModelClass
);

3. Crear un objeto o instancia para la clase de recopilación.

Sintaxis:

var colección_instance = new CollectionClass ();

4. Explore el método Push () en la columna vertebral.colección JS.

Discutamos varios ejemplos de la columna vertebral.método JS Push Push ().

Ejemplo 1: empuje un solo modelo a la colección

En este ejemplo, crearemos una clase modal llamada: flores y crearemos una clase de recolección de flores. Pasaremos nuestra clase modelo (flores) dentro de ella.

Después de eso, tenemos que crear una instancia para el modelo de flores con tres atributos (Flower_Name, Flower_Sepals, Flower_Petals).

Crearemos una Flower_Collection, que es una instancia de la colección de recolección de flores. Y agregaremos la instancia del modelo de flores a la instancia de colección utilizando el método add ().

Ahora, empujaremos una nueva instancia de modelo a la colección utilizando el método push ().

Finalmente, estamos mostrando la colección utilizando el método tojson ().

Pista de Linux

Producción:

Ejecute la aplicación en su navegador guardando el código en el archivo con .html como extensión.

Aquí, el método Push () agrega la instancia de Flower2 a Flower_Collection al final.

Ejemplo 2: Empuje la matriz de modelos a la colección

En este ejemplo, crearemos una clase modal llamada: flores y crearemos una clase de recolección de flores. Pasaremos nuestra clase modelo (flores) dentro de ella.

Después de eso, tenemos que crear una instancia para el modelo de flores con tres atributos (Flower_Name, Flower_Sepals, Flower_Petals).

Crearemos una Flower_Collection, que es una instancia de la colección de recolección de flores. Y agregaremos tres instancias del modelo de flores a la instancia de colección utilizando el método add ().

Ahora, empujaremos dos instancias de modelo a la colección utilizando el método push ().

Finalmente, estamos mostrando la colección utilizando el método tojson ().

Pista de Linux

Producción:

Ejecute la aplicación en su navegador guardando el código en el archivo con .html como extensión.

Aquí, podemos ver el método Push () agregado el Flower2 y Flower3 a la colección al final.

Conclusión

En esta columna vertebral.JS Tutorial, discutimos el método Push () en la colección. Se usa para agregar modelos a la colección al final. Si hay más de una instancia de un modelo que debe ser empujado, puede usar una matriz dentro del método Push () y pasar modelos al método Push () a través de la matriz.