Backbone.js donde Colección

En este artículo, discutiremos Backbone.js donde se recopila. Backbone.js es donde se usa la colección para recuperar y devolver el modelo con el atributo coincidente especificado en la array de colección del modelo dado.

Sintaxis:

Backbone.Collection.where(attribute)     

Parámetros: Tomará sólo un parámetro.

  • atributo: el atributo se usa para tomar un elemento de la colección modelo y devolverlo si se encuentra en la colección

Ejemplo 1: en este ejemplo, crearemos una array modelo de colecciones y aplicaremos la colección where con los atributos ‘Ram’ y ‘Shivam’ devolviendo varias veces repetidas.

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>Example of Backbone.js</title>
    <script src="https://code.jquery.com/jquery-2.1.3.min.js" 
            type="text/javascript"></script>
    <script src=
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"
        type="text/javascript"></script>
    <script src=
"https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"
        type="text/javascript"></script>
    <script type="text/javascript">
        var datas = Backbone.Model.extend({
            defaults: {
                name: "sravan"
            }
        });
  
        var datacollection = Backbone.Collection.extend({
            model: datas
        });
  
        var data1 = new datas({ name: "ram" });
        var data2 = new datas({ name: "shivam" });
        var data3 = new datas({ name: "ram" });
        var data4 = new datas({ name: "ram" });
  
        var final = new datacollection();
        final.add([data1, data2, data3, data4]);
  
        document.write("Actual Values:", 
                       JSON.stringify(final.toJSON()));
        document.write("<br>");
  
        // Find for ram
        var result1 = final.where({ name: "ram" });
        document.write("Total ram found: ", +result1.length);
        document.write("<br>");
  
        // Find for shivam
        var result1 = final.where({ name: "shivam" });
        document.write("Total shivam found: ", +result1.length);
        document.write("<br>"); 
    </script>
</head>
  
<body></body>
  
</html>

Producción:

Actual Values:[
    {"name":"ram"},{"name":"shivam"},
    {"name":"ram"},{"name":"ram"}
]
Total ram found: 3
Total shivam found: 1

Ejemplo 2: En este ejemplo, crearemos una array modelo de colecciones que tiene 2 atributos y aplicaremos donde la colección tenga los atributos ‘ram’ y ‘Shivam’. volviendo varias veces repetidas.

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>Example of Backbone.js</title>
    <script src="https://code.jquery.com/jquery-2.1.3.min.js" 
            type="text/javascript"></script>
    <script src=
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"
        type="text/javascript"></script>
    <script src=
"https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"
        type="text/javascript"></script>
    <script type="text/javascript">
        var datas = Backbone.Model.extend({
            defaults: {
                name: "sravan"
            }
        });
  
        var datacollection = Backbone.Collection.extend({
            model: datas
        });
  
        var data1 = new datas({ name: "ram", id: 4 });
        var data2 = new datas({ name: "shivam", id: 3 });
        var data3 = new datas({ name: "ram", id: 5 });
        var data4 = new datas({ name: "ram", id: 8 });
  
        var final = new datacollection();
        final.add([data1, data2, data3, data4]);
  
        document.write("Actual Values:", 
                       JSON.stringify(final.toJSON()));
        document.write("<br>");
  
        // Find for ram
        var result1 = final.where({ name: "ram", id: 4 });
        document.write("Total ram found: ", +result1.length);
        document.write("<br>");
  
        // Find for shivam
        var result1 = final.where({ name: "shivam", id: 43 });
        document.write("Total shivam found: ", +result1.length);
        document.write("<br>"); 
    </script>
</head>
  
<body></body>
  
</html>

Producción:

Actual Values:[
    {"name":"ram","id":4},{"name":"shivam","id":3},
    {"name":"ram","id":5},{"name":"ram","id":8}
]
Total ram found: 1
Total shivam found: 0

Referencia: https://backbonejs.org/#Collection-where

Publicación traducida automáticamente

Artículo escrito por sravankumar8128 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *