Ext.js + CodeIgniter
- Jul
- 28
25 comentarios! 115 palabras - 1 hits
Ejemplo de integracion entre Ext y codeIgniter
He estado trabajando en este ejemplo, con el objetivo de mostrar una forma de integrar estos dos “Frameworks” para asi obtener una interfaz única con la cual gestionar una tabla de una base de datos.
El resultado es una “matriz” con la que añadir, borrar, edita, buscar y listar sin necesidad de recargar la pagina.
Toda la comunicacion cliente servidor se realiza mediante Ajax y los datos se transmiten en formato Json.
Creo que es un buen ejemplo para quienes tienen la curiosidad de ver como funciona CodeIgniter utilizando rutas, modelos y librerias externas.
El codigo de el ejemplo se puede descargar desde:
Estaré encantado de ver vuestros comentarios y sugerencias.
25 comentarios
# Escrito por Anonymous hace 2 años, 7 meses
Está realmente bien. Si no fuera porque ext va realmente lento en firefox bajo linux (al menos en mi máquina, P4, 1.7, 2Gb DDR2)
# Escrito por ImZyos! hace 2 años, 7 meses
Wow, simplemente fantastico
# Escrito por CarlJ hace 2 años, 7 meses
great work!
# Escrito por Jason hace 2 años, 7 meses
I like your styled theme allot! Thanks! I need to make the theme a little wider though, can you tell me which attributes to adjust?
# Escrito por nio hace 2 años, 6 meses
Me podrías explicar como hacer funcionar el ejemplo?? no soy capaz, he puesto las carpetas que faltan, pero lo único que consigo es que aparezca la página pero no hace nada, igual que cuando doy a ejecutar tu ejemplo on-line…
Gracias
# Escrito por MEl hace 2 años, 6 meses
Si, derechamente no funciona el ejemplo en linea, podrias arreglarlo para ver la forma en que haces trabajar estos 2 frameworks?
# Escrito por Alex Sancho hace 2 años, 6 meses
Ok, gracias por el aviso, ya vuelve a funcionar el ejemplo
# Escrito por mariobj hace 2 años, 5 meses
hola, que ejemplo tan bueno !!! es claro, sencillo y poderoso integra las funciones que uno desea en las grillas de datos que mas puedo decir y lo mejor es el primer ejemplo tan claro y verdaderamente util (ya sabes los ejemplos clasicos un blog en 20 minutos bah!) de integracion con un framework para php, felicitaciones este blog esta en mi lector de feeeds entre los favoritos.
# Escrito por rt hace 2 años, 3 meses
fine
# Escrito por Rafeequl hace 2 años, 1 mes
Nice site … nice code , but unfortunately i cant understand the language .. :D
# Escrito por Covi hace 2 años, 1 mes
En el tema de Frameworks que fueran lenguajes que conocía siempre he sido muy reacio pero imagino que son una evolución natural de los lenguajes de programación… de no ser por esto aún seguiríamos por ejemplo en BASIC ^^! pese a ser Frameworks y no lenguajes puros por decirlo así.
Aunque no me puse de lleno a ello: Ruby no me hizo demasiada gracia… “pfff, otro lenguaje más???” pero CodeIgniter fue un descubrimiento genial para mí y eso que lo he usado unos minutos solo :D
Hace tiempo que quise empezar a hacer las cosas “bien hechas”, pese a que en Web la separación de lógico, estilo y estructura ya era una práctica habitual llevarlo a lenguajes dinámicos con MVC no lo era tanto aún teniendo la base y la teoría: CodeIgniter ha hecho que nos ahorremos un tedioso paso… No necesitas un IDE (Netbeans, Zend, Eclipse), no necesitas un nuevo lenguaje en el server (p.ej: Ruby) y conoces los lenguajes del framework: PHP y JS… mola, sencillo y potente :D
PD: No estoy para nada asociado a CodeIgniter aunque lo parezca jiji
Como siempre, gran blog Alex ;)
Por cierto Alex, en Firefox y Ubuntu me falla el formulario en un pequeño detalle un poco tedioso: Si rellenas los campos y luego marcas que los recuerde te los borra, no sé si a propósito o no aunque intuyo que sí.
# Escrito por Anonymous hace 2 años, 1 mes
Por cierto, he encontrado esto! ^^:
http://www.phplivex.com/
Aunque parece bastante básico y no veo que usen MVC :(
PD: Es el mismo ejemplo que tu código ggg, por eso lo pongo :D
# Escrito por alexander hace 1 año, 8 meses
hola tengo problemas con el envio de datos vi su ejmplo pero no me funciona
este es el codigo que uso /***************************/ Ext.onReady(function(){
Ext.QuickTips.init(); // turn on validation errors beside the field globally Ext.form.Field.prototype.msgTarget = 'side'; var bd = Ext.getBody(); /* * ================ Simple form ======================= */ bd.createChild({tag: 'h2', html: 'Formulario basico con ext js 1 - basico'}); var formulario = new Ext.FormPanel({ labelWidth: 75, // label settings here cascade unless overridden url:'test.php', method : 'GET', id:'test', frame:true, //recuadro title: 'Formulario basico', bodyStyle:'padding:5px 5px 0', width: 350, defaults: {width: 230}, defaultType: 'textfield', items: [{ xtype:'textfield', fieldLabel: 'Nombre', name: 'Nombre', id:'Nombre', allowBlank:false, blankText: "El campo nombre es requerido", },{ fieldLabel: 'Apellido', name: 'Nombre2' },{ fieldLabel: 'Compania', name: 'compania' }, { fieldLabel: 'Email', name: 'email', vtype:'email' }, new Ext.form.TimeField({ fieldLabel: 'Time', name: 'time', minValue: '8:00am', maxValue: '6:00pm' }) ], buttons: [{ text: 'Guardar', type: 'submit', name: 'Guardar', handler: function() { Ext.MessageBox.alert('Error', 'bien'+fromulario.Nombre); fs.getForm().submit({url:'test.php', waitMsg:'Saving Data...'}); } },{ text: 'Cancel', handler: function() { formulario.hide(); formulario.destroy(); var v_listUser = Ext.getCmp('Nombre'); v_listUser.show(); } },{ text:'Limpiar' }] }); formulario.render(document.body);}); //aqui cerramos la creacion total de la vista
intento eviar solo la informacion a una web llamada test pero se queda procesando y no carga test
codigo de test
# Escrito por tonyp hace 1 año, 4 meses
No carga la data en tu ejemplo
# Escrito por Julio hace 11 meses
Hola he tratado de hacer funcionar el ejemplo en mi maquina pero no no funciona alguien tiene una idea, solo me parece el recuadro, al parecer no encuentra los js ni css, pero no se donde configurarlo
help
# Escrito por Aldo hace 9 meses, 3 semanas
Holas.
Para quienes no les aparece nada revisen la variable en el config.php. Esta variable puede ser vacía:
$config[‘base_url’] = “”;
o tener un valor como este:
$config[‘base_url’] = “http://localhost/tuprojecto/”;
recuerden colocar el / final.
Saludos.
# Escrito por Aldo hace 9 meses, 3 semanas
Holas. Otra cosa a considerar es el .htaccess. Sobretodo la línea:
RewriteRule ^(.*)$ /grid/index.php/$1 [L,QSA]
Saludos.
# Escrito por Bernat Bonet hace 9 meses, 1 semana
Muy buen ejemplo, la verdad que que tanto técnica como gráficamente es fantástico. Lo he instalado y me he encontrado con un problema en el archivo grid.php, ya que me devuelve y no dónde se hace el define de esa función. Si me lo podéis indicar os estaría muy agradecido. Un saludo y gracias de antemano.
# Escrito por Bernat Bonet hace 9 meses
El problema que tengo es que desde el js generado dinámicamente no tengo acceso a las variables del entorno. Tendría que hace un include o require ?
Muchas gracias.
# Escrito por Bernat Bonet hace 9 meses
El problema ya lo tengo ubicado y es que no me hace route para ([a-z0-9]+)\ ya que los js estan en systems/application/views/js; y no se que hacer para que salte a asset Muchas gracias.
# Escrito por Cristian hace 8 meses, 1 semana
Hola interesante ejemplo, vamos a ver el codigo y ver las gracias que realiza. Saludos
# Escrito por henry hace 5 meses, 1 semana
alguien a hecho correr el ejemplo he modificado config.php,database.php y htacess y nada
# Escrito por Jaime hace 4 meses, 2 semanas
No me funciona amigoss.. como implementar este grandiosos ejemplo espero sus respuestas .. queria mostrar en mi localhost nose si se pueda ahi………. estoy usando el Appserv ….. php5 mysql 5 saludos me sale un error por el codigo del htaccess
# Escrito por Anonymous hace 4 meses
wow!!! excelente. Lamentablemente mis conocimientos no me ayudan de mucho y no hayo el index que hace que funcio, alguien me puede ayudar para saber como lo hago que funcione?
# Escrito por abel hace 4 meses
Hola he tratado de hacer funcionar el ejemplo, logro hacerlo funcionar. Alguien tiene una idea, solo me parece el recuadro vacio, al parecer no encuentra los js ni css, pero no se donde configurarlo
Auxilio