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()));
})
}
})


