Entradas

Mostrando las entradas con la etiqueta backbone

backbone.js + restful con epiphany + fuelUX datagrid + Bootstrap: Parte 3 model de backbone.js

Ahhhhhhh... esa fué mi expreción cuando entendí por que no me funcionaba. Esta es una entrada corta, muy corta, por que veremos la parte que relaciona el CRUD del RESTful entre backbone.js y epiphany. La idea de utilizar backbone era que se estaba mapeada a RESTful, entoces, teniamos el etendido que, operando con modelos: Backbone Epiphany CRUD model.save() (sin id) getRoute()->post(); C REATE model.fetch() getRoute()->get(); R EAD model.save() getRoute()->put(); U PDATE model.destroy() getRoute()->delete(); D ELETE Ahora, si nos fijamos, la parte Create y Update, solo hay una pequeña diferencia, si el modelo tiene o no tiene id.  En la primera parte , se define un modelo "sencillo" que será utilizado en una colección: var User = Backbone.Model.extend({   idAttribute: "tabletaEntryid" }); var Users = Backbone.Collection.extend({   model:User,   url:function (){     return "/sync/users/fromid/"+this...

backbone.js + restful con epiphany + fuelUX datagrid + Bootstrap: Parte 2 Da grid y Backbone.js

Imagen
En la Primera parte  exploro explicoque quiero hacer, y las herramientas que utilize, en especial para la implementación de el api RESTful, ahora quedaba la desición sobre que data grid en javascript implementar.  El requerimiento era que soporta Bootstrap, por lo tanto solo encontré dos opciones viables: BBGrid  y FuelUX  BBGrid esta altamenta relacionado con un objeto o collección hecho con backbone.js, hacerlo funcionar es sumamente sencillo: var MyGrid = new bbGrid.View({ container: $('#bbGrid-container'), collection: MyCollection, colModel: [{ title: 'ID', name: 'id', sorttype: 'number' }, { title: 'Full Name', name: 'name' }, { title: 'Company', name: 'company' }, { title: 'Email', name: 'email' } ] }); El contenedor debe de ser un div, la colleción es una hecha con backbone y el modelo...