
19/11/2014, 19:58
|
| | Fecha de Ingreso: julio-2014 Ubicación: San Jose
Mensajes: 5
Antigüedad: 10 años, 7 meses Puntos: 0 | |
Eliminar ItemView Hola,
Como estan?
tengo un proyecto de un Blog, la cosa es necesito eliminar las entradas con un boton todo esta listo solo neceisto saber como eliminar el itemView especifico.
Código:
var EntradaComposite = Marionette.CompositeView.extend({
template : _.template('<h1 id="blog-titulo">Blog</h1><form id="form-nuevaEntrada"><div id="header" class="clearfix"><h3>Nueva Entrada</h3><p><a id="mi-boton" href="javascript:;">Crear</a></p></div><p><label for="titulo">titulo: <input type="text" id="titulo"></label></p>\<p><label for="cuerpo">Cuerpo: <input type="text" id="cuerpo"></label></p>\<p><label for="url">URL: <input type="text" id="url"></label></p></form><div id="entradas"></div>'),
itemViewContainer : '#entrada',
childView : EntradaView,
events : {
'click #mi-boton' : 'nuevaEntrada',//clickBoton
'click .btn-eliminar' : 'eliminarEntrada'//clickBoton
},
collectionEvents : {
'change' : 'changeRender',
'remove' : 'eliminarEntrada'
},
changeRender : function(){
console.log("");
this.render();
},
onBeforeRender : function(){
this.collection = new EntradaCollection(JSON.parse(localStorage.getItem('entradaCollection')));
},
nuevaEntrada : function(){
var uTitulo = document.getElementById('titulo').value,
uCuerpo = document.getElementById('cuerpo').value,
uUrl = document.getElementById('url').value;
this.collection.add({
titulo : uTitulo,
cuerpo : uCuerpo,
url : uUrl
});
},
eliminarEntrada : function(){
console.log('no se');
},
});
************************************************** ******
Código:
var EntradaView = Marionette.ItemView.extend({
className : 'una-entrada',
template : _.template('<div class="titulo-entrada-btn-eliminar" class="clearfix"><div class="titulo-Entrada"><h3 class="titulo-entrada"><%- titulo%></h3><p><a class="btn-eliminar" href="javascript:;">Eliminar</a></p></div><div class="contenido"><% if(url) {%><img src="img/<%- url%>"><% } %><p><%- cuerpo%></p></div></div>')
})
************************************************** **************
Código:
var Entrada = Backbone.Model.extend({
//Variables default
default : {
titulo : "",
cuerpo : "",
url : "no-foto.gif"
},
initialize : function(){
console.log("Se agrego ua entrada: ", this.get("titulo"));
}
});
************************************************** *****
Código:
var EntradaCollection = Backbone.Collection.extend({
model : Entrada,
//events
initialize : function(){
this.on('add', function(){
localStorage.setItem('entradaCollection', JSON.stringify(this.toJSON()));
})
}
})
|