El modelo de atributos de Backbone.js se usa para definir la propiedad del modelo dado y usa la actualización/cambio de los atributos usando el método set().
Sintaxis:
Backbone.Model.attributes
Parámetros: No acepta ningún parámetro.
Ejemplo 1: En este ejemplo, configuraremos el libro con 1 atributo usando el método set() y devolveremos 1 atributo usando el método get(). El método set() realiza una actualización inteligente de la colección con un conjunto de elementos en el modelo, mientras que el método get() se usa para recuperar un modelo de una colección.
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: 23 });
document.write('bookid: ', book.get('bookid'));
</script>
</body>
</html>
Producción:
bookid: 23
Ejemplo 2: En este ejemplo, configuraremos el libro con 3 atributos usando el método set() y devolveremos 3 atributos uno por uno usando el método get().
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: 23, price: 678, book_name: "css" });
document.write('bookid: ', book.get('bookid'));
document.write("<br>");
document.write('price: ', book.get('price'));
document.write("<br>");
document.write('book_name: ', book.get('book_name'));
</script>
</body>
</html>
Producción:
bookid: 23 price: 678 book_name: css
Referencia: https://backbonejs.org/#Model-attributes
Publicación traducida automáticamente
Artículo escrito por sireeshakanneganti112 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA