Modelo de conjunto Backbone.js

En este artículo, veremos el modelo Backbone.js set() . El modelo backbone.js set() se usa para asignar o establecer el valor del atributo en un modelo. En otras palabras, este modelo se puede utilizar para establecer el hash de atributos, es decir, se pueden establecer uno o varios atributos en el modelo. El evento de cambio se activará en el modelo si alguno de los atributos cambia el estado del modelo.

Sintaxis:

model.set(attributes, [options]);

Valores paramétricos:

  • atributo: Especifica el atributo de un modelo que se ha creado.
  • options : Este parámetro acepta el tipo de modelo que se le agregará.

Ejemplo 1: En este ejemplo, estableceremos valores para el modelo «libro».

HTML

<!DOCTYPE html>
<html>
  
<head>
    <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>    
</head>
  
<body>
    <script type="text/javascript">  
        var Books = Backbone.Model.extend();  
        var book = new Books()
  
        book.set({ bookid: 33, price:211,book_name:"php"});  
        document.write(' Values: '+JSON.stringify(book));       
    </script> 
</body>
</html>

Producción:

Values: {"bookid":33,"price":211,"book_name":"php"}

Ejemplo 2 : en este ejemplo, estableceremos los nuevos valores en el modelo de «libro» que ya tiene algunos valores.

HTML

<!DOCTYPE html>
<html>
  
<head>
    <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>    
</head>
  
<body>
    <script type="text/javascript">  
        var Books = Backbone.Model.extend();  
        var book = new Books({bookid:23,price:678,book_name:"css"}); 
             
        document.write(' Values: '+JSON.stringify(book)); 
        document.write("<br>"); 
  
        book.set({ bookid: 33, price:211,book_name:"php"});  
        document.write(' Values: '+JSON.stringify(book));      
    </script> 
</body>
</html>

Salida :

Values: {"bookid":23,"price":678,"book_name":"css"}
Values: {"bookid":33,"price":211,"book_name":"php"}

Referencia: https://backbonejs.org/#Model-set

Publicación traducida automáticamente

Artículo escrito por sireeshakanneganti112 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 *