Created
June 2, 2016 20:47
-
-
Save Saiyan1/2762c0b9882bc119d1d5e50e7857e154 to your computer and use it in GitHub Desktop.
Tutorial de Lawnchair con ejemplo muy fácil
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// 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'] ) | |
} | |
}); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Geniooo! Segui así! Cuando sea grande quiero ser como vos! Gracias por el aporte ;)