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