Columna vertebral.colección JS.reiniciar

Columna vertebral.colección JS.reiniciar

En esta columna vertebral.JS Framework Tutorial, discutiremos el método RESET () 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.

La estructura para colocar el código








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

Enlaces de CDN:


Método de restablecimiento () en la columna vertebral.JS Collection se utiliza para restablecer o eliminar las instancias del modelo de una colección. También restablece la colección existente con nuevas instancias de modelo en una colección.

Sintaxis:

colección_object.Restablecer (modelo, opciones)

Se necesitan dos parámetros.

  1. El modelo es una instancia que se restablecerá de una colección.
  2. Las opciones se utilizan para especificar nulo cuando restablecemos la colección.

Para eliminar: colección_object.reiniciar()

Para el nuevo modelo de restablecimiento de la instancia del modelo: colección_object.RESET (model_instance)

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 RESET () en la columna vertebral.colección JS.

Discutamos algunos ejemplos de la columna vertebral.Método JS Collection RESET ().

Ejemplo 1: Actualice la nueva instancia del modelo en la colección usando RESET ()

En este ejemplo, crearemos una clase modal llamada "Flores" y una clase de colección "Flower -Collection". Pasaremos nuestra clase modelo, "flores", dentro de ella.

Después de eso, tenemos que crear cinco instancias para el modelo "Flores" con tres atributos: (Flower_Name, Flower_Sepals, Flower_Petals).

Crearemos una "Flower_Collection", una instancia de la colección "FlowerCollection". Luego, agregaremos la instancia del "Modelo de flores" al método de colección usando Add ().

Restableceremos estas cinco instancias de modelo y colocaremos una nueva instancia de modelo con dos atributos.

Finalmente, mostramos la colección usando el JSON.método stringify ().









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 RESET () Restablecer las instancias antiguas en una colección con una nueva instancia.

Ejemplo 2: Eliminar instancias de modelo de la colección usando RESET ()

En este ejemplo, crearemos una clase modal llamada "Flores" y una clase de colección "Flower -Collection". Pasaremos nuestra clase modelo, "flores", dentro de ella.

Después de eso, tenemos que crear cinco instancias para el modelo "Flores" con tres atributos: (Flower_Name, Flower_Sepals, Flower_Petals).

Crearemos una "Flower_Collection", una instancia de la colección "FlowerCollection". Y agregaremos la instancia del modelo "flor" al método de colección usando add ().

Ahora, eliminaremos todas las instancias de modelo existentes usando RESET ().

Finalmente, estamos mostrando la colección usando el JSON.método stringify ().









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 RESET () elimina todas las instancias modelo antiguas en una colección.

Conclusión

En esta columna vertebral.JS Tutorial, discutimos el método RESET () en la colección. Restablecería las instancias de modelo antiguas y las establecería con nuevas instancias si no especificamos ninguna instancia. Eliminará todas las instancias modelo de una colección.