Skip to content

Instantly share code, notes, and snippets.

@Saiyan1
Created June 2, 2016 20:47
Show Gist options
  • Save Saiyan1/2762c0b9882bc119d1d5e50e7857e154 to your computer and use it in GitHub Desktop.
Save Saiyan1/2762c0b9882bc119d1d5e50e7857e154 to your computer and use it in GitHub Desktop.
Tutorial de Lawnchair con ejemplo muy fácil
// TUTORIAL Lawnchair
// Qué hace Lawnchair?
// Crea objetos JSON y lo almacena en objetos que podríamos pensarlos como tablas
//EJEMPLO: Queremos almacenar los campos con los que el usuario busca en un formulario,
// y autocompletarlos cada vez que acceda a la pagina
//Crear una variable y creo una "tabla" inicializandola con un nombre (SICConfigs)
// "name": el nombre que desean que tenga la "tabla"
var SICConfigs = Lawnchair({name:'SICConfigs'},function(e){
console.log('storage open'); //Para verificar que se haya creado la "tabla"
//SICConfigs.nuke(); //DROP de la "tabla" SICConfigs
});
//Requerimiento 1
//Queremos almacenar los campos con los que busca el usuario en un formulario de busqueda
//Supongamos que el formulario tiene dos campos "rama" y "codigo"
//Agregamos un listener del click de un boton "btnBuscarArticulos"
$("#btnBuscarArticulos").click( function(){
//Creamos un "objeto" para guardar en la tabla, con el valor de ambos campos (rama y codigo)
var obj1 = {
articuloRamaSelected: $("#rama").val(),
articuloCodigoSelected : $("#codigo").val()
};
//Guardamos un registro donde la key sea lo que queramos, en este caso "userPrefs"
//y el value el objeto que creamos antes
SICConfigs.save({key:"userPrefs",value:obj1});
});
//Requerimiento 2
//Si el usuario está ingresando por segunda vez a la página, queremos que autocomplete los campos
//Busco en la tabla "SICConfigs", un registro que tenga de key "userPrefs"
SICConfigs.get("userPrefs",function(obj){
//Si el registro existe, obtiene los valores y los carga en los campos del formulario rama y codigo
if (typeof obj != 'undefined') {
$("#rama").val ( obj.value['articuloRamaSelected'] );
$("#codigo").val( obj.value['articuloCodigoSelected'] )
}
});
@praton90
Copy link

praton90 commented Jun 2, 2016

Geniooo! Segui así! Cuando sea grande quiero ser como vos! Gracias por el aporte ;)

@Saiyan1
Copy link
Author

Saiyan1 commented Jun 2, 2016

jajaja, a darle!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment