DataGrid desarrollado con: jQuery + AJAX + PHP (paginador es un plus)

ghidalgoram · #1 (**permalink**) 18/12/2011, 11:22

Hola amigos y amigas.

Necesito combinar las siguientes tecnologías:

CLIENTE
jQuery + AJAX

SERVIDOR
PHP

Esto es para usar un DataGrid donde se pueda dar check/uncheck a cada registro. Si tiene paginador es un plus.
Puedo crear algo similar generando código HTML mediante PHP, sin embargo deseo actualizarme y usar algo que ya se inventó.

Del lado de PHP no me preocupo, porque se como usarlo. Sin embargo, del lado del cliente necesito encontrar alguna librería ó codigo donde solo le envie los parámetros ó resultados que generó mi código PHP. He estado buscando en el este foro, sin embargo aparecen publicaciones de muchos años atrás.

Lo que busco, es algo parecido, como se muestran los contactos en Gmail. Que contenga varios registros con "N" columnas.

Les agradezco alguno de ustedes que hallan trabajado y probado algo como esto.

Saludos comunidad.

ghidalgoram · #2 (**permalink**) 18/12/2011, 15:01

Alguna ayuda amigo(a)s.
saludos.

autonotel · #3 (**permalink**) 19/12/2011, 02:50

A ver si es esto lo que buscas

http://flexigrid.info/

http://www.jeasyui.com/tutorial/data...id10_demo.html

ghidalgoram · #4 (**permalink**) 19/12/2011, 08:47

Cita:

Iniciado por autonotel

A ver si es esto lo que buscas

http://flexigrid.info/

http://www.jeasyui.com/tutorial/data...id10_demo.html

Gracias autonotel. Encontré el código de "jeasyui.com" y lo he estado estudiando para poder utilizarlo y adaptarlo a lo que necesito. Usa archivo JSON, del cual no tengo experiencia y he estado estudiando un poco de JSON. Mi idea era mediante AJAX consultar a la base de datos de MySQL usando código PHP. Voy a ver que le podemos hacer a este código para adaptarlo a mis necesidades.

Gracias.

ghidalgoram · #5 (**permalink**) 20/12/2011, 14:12

Cita:

Iniciado por autonotel

A ver si es esto lo que buscas

http://flexigrid.info/

http://www.jeasyui.com/tutorial/data...id10_demo.html

Algunas vez, has usado este ?

Lo he estado estudiando y de nuevo viendo el código html por medio de Firebug pero en realidad no comprendo como usarlo. Por ejemplo, necesito enumerar de forma única cada checkbox pero con este plugin no se como se manipula. Colega, lo has usado ?

maycolalvarez · #6 (**permalink**) 20/12/2011, 14:37

frameworks como ExtJS, YUI o Dojo tienen datagrids de esas capacidades.

ghidalgoram · #7 (**permalink**) 20/12/2011, 15:16

Gracias maycolalvarez por tu respuesta.

Supongo que la mayoría usan AJAX y jQuery ?

maycolalvarez · #8 (**permalink**) 20/12/2011, 15:54

Aclaremos puntos: AJAX es una cosa y jQuery es otra

AJAX es una técnica para hacer peticiones HTTP desde JS sin recargar la pagina.

jQuery es un FW Javascript, que tenga un envoltorio (wrapper) de AJAX es otra cosa

ExtJS/YUI/DOJO es otro FW Javascript, un poco más avanzado que jQuery porque dispone de una GUI en la cual encuentras el datagrid, de hecho en el caso de ExtJS te permite integrar jQuery para manipular su librería GUI.

conclusiones:

AJAX != jQuery
AJAX no depende de jQuery, ni de Extjs, ni de FW alguno
AJAX se puede hacer con sólo JS
jQuery, ExtJS, Dojo, YUI tienen sus propios wrappers de AJAX, pero pueden usarse sin él

Investigue cada elemento por separado para ver sus características.

ghidalgoram · #9 (**permalink**) 20/12/2011, 16:21

Muy bien maycolalvarez, excelente aclaración, muchas gracias.

Saludos y tomaré tu consejo.
Ya había escuchado de "ExtJS" y Dojo pero ahora que los mencionas comprendo más la importancia de saber usarlos.

Gracias.

maycolalvarez · #10 (**permalink**) 20/12/2011, 16:34

recuerda que ExtJS, YUI y Dojo son lo que llamarían Full Stack frameworks, es decir, framework grandes y hasta pesados, pero con muchos componentes (manejo de datos, gráficas, GUI y más), por ejemplo ExtJS es ideal para backend's administrativos por web, en cambio jQuery es liviano porque carece de GUI, aunque tiene su versión jQueryUI pero ésta no incluye datagrid, suerte

otro punto es la curva de aprendizaje, la de ExtJS es elevada en comparación con jQuery

ghidalgoram · #11 (**permalink**) 20/12/2011, 17:01

Gracias nuevamente. Talvez este equivocado pero he visto que el Front End usa más jQuery mientras que el Back End otros Frameworks como los que mencionaste. Gracias.

Por el momento, lo que me urge es obtener un código de DataGrid (con checkbox) y combinarlo con PHP.

Gracias por tus consejos. Saludos.

maycolalvarez · #12 (**permalink**) 21/12/2011, 08:08

estás en lo cierto, los aplicativos frontend usan más jQuery por lo ligero, en cambio en los backend cuyo trafico suele ser menor se pueden usar FW pesados