El modelo de atributos modificados de Backbone.js es la función que devuelve el hash, que es la diferencia en los atributos y sus valores en el modelo actual y el modelo antes del cambio. Devuelve falso si no se ha realizado ningún cambio en el modelo. Esta función ayuda a determinar qué partes de una vista deben cambiarse.
Sintaxis:
model.changedAttributes( attributes );
Parámetros:
- atributos: Es el atributo del modelo.
Ejemplo 1: En este ejemplo, ilustraremos el modelo de atributos modificados de Backbone.js y obtendremos todos los atributos y valores actualizados.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS changedAttribtues Model</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.2.2/backbone-min.js"
type="text/javascript">
</script>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>BackboneJS changedAttributes Model</h3>
<script type="text/javascript">
var m = new Backbone.Model({
att1: 'a',
att2: 'b',
att3: 'c'
});
m.on('change', function () {
document.write("Changes are ",
JSON.stringify(m.changedAttributes()));
});
m.set({
att1: 'd',
att3: 'e',
});
</script>
</body>
</html>
Producción:
Backbone.js modelo de atributos modificados
Los atributos de cambios del modelo almacenan los mismos valores que los atributos modificados. Ahora, veamos si no cambió nada en el modelo aparte de lo que cambia el almacén de atributos y lo que cambia los almacenes de atributos.
Ejemplo 2: En este ejemplo, veremos los atributos cambiados con nuevos atributos y sin ningún cambio en el modelo.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS changedAttribtues Model</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.2.2/backbone-min.js"
type="text/javascript">
</script>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>BackboneJS changedAttributes Model</h3>
<script type="text/javascript">
var temp = new Backbone.Model({
att1: 'a',
att2: 'b',
att3: 'c'
});
temp.on('change', function () {
document.write("It return new attributes ",
JSON.stringify(temp.changedAttributes()));
});
temp.set({
attr4: 'f',
attr5: 'g'
});
var tem2 = new Backbone.Model({
attA: '1',
attB: '2',
});
document.write(`<br><h3>Change Attributes with
any change return</h3>`);
document.write(`Change in Model with any changed
attribute returns ${JSON.stringify(tem2.changed)}`);
document.write(`<br>Change in Model with
changeAttirbute returns ${tem2.changedAttributes()}`);
</script>
</body>
</html>
Producción:
Modelo de atributos modificados de Backbone.js
Referencia: https://backbonejs.org/#Model-changedAttributes
Publicación traducida automáticamente
Artículo escrito por satyam00so y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA