Tablas en jQuery para CSV y Excel: CSV2Table y Handsontable

No hace falta más que hacer una búsqueda por Google para encontraros con recopilatorios sobre las mejores tablas/grids en jQuery.

Me quedo con esta web:

http://www.jquery4u.com/plugins/30-amazing-jquery-tables/

y esta para tablas editables:

http://jquery-plugins.net/tag/table-editor

De entre todas las opciones disponibles me llamó la atención el plugin de jQuery CSV2Table que permite cargar un CSV y representar en un grid:

Si la documentación estuviese en un idioma inteligible sería perfecto!!! :D

Por suerte sus ejemplos son autodescriptivos, como este:

Si lo que buscáis/necesitáis es una representación tipo Excel con celdas editables una buena opción (hay más) es Handsontable que es muy sencillo de usar:

Pero ofrece opciones como

Renderers

Ordenado,

Movimiento y redimensionado columnas,

Paginado,

Highlight,

Scroll y fijado columnas:

JQuery Snippets (o Partes de código JQuery para copiar)

Para redimensionar una imagen:

Ver código

Cargar contenido dinámicamente automáticamente en scroll (lo habréis visto en Facebook :) )

Ver código

Parsear JSON con JQuery:

Ver código

Leer más

jQueryMX: MVC en JQuery

jQueryMX es un conjunto de librerías JQuery que añaden a este framework la funcionalidad MVC necesaria para esarrollar y organizar aplicaciones JQuery de gran tamaño.

jQueryMX se divide en 4 áreas core:

· Helpers DOM

· Helpers de lenguaje

· Eventos especiales

· Clases Model, View, Controller y Class

Helpers DOM

Añaden funcionalidad a jQuery para trabajar con DOM, como:

Eventos especiales

Se incluyen un conjunto de eventos especiales:

Helpers de lenguaje

$.Class

Ofrece un modelo simple de herencia.

Veamos un ejemplo:

$.Model:

Encapsula la capa de Servicios y datos.

Por ejemplo:

Que luego podría llamarse:

$.View:

Es una motor de plantillas simple. Permite usar diferentes motores de plantillas (Jaml, Micro, jQuery.tmpl y jQuery.EJS.

$.Controller:

Permite organizar handlers de eventos y hacer binding.

FlotCharts: gráficas para jQuery

lot es una librería Javascript para JQuery para pintar gráficas, centrada en ofrecer un uso sencillo y permite interactuar con las gráficas.

Aunque muy de lejos aún de opciones como HighCharts tiene alguna funcionalidad interesante:

· Funciona sobre Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+

· API muy sencilla

· Usada en varias webs como TusAcciones:

· Actualizaciones AJAX

· Actualizaciones en tiempo real

· Diversos tipos de gráficas:

O:

Podéis ver los ejemplos aquí.

Gridster: Plugin JQuery para crear layouts drageables

Gridster es un plugin jQuery que permite crear layouts drageables, permite crear y eliminar elementos del grid y además moverlos:

Podéis verlo en funcionamiento en su web:

Plugins JQuery: Editores ricos de texto

Si necesitamos un editor rico de textos seguro que uno de los plugins de JQuery tiene la respuesta :D

A ver si adivináis con cuál me quedo! (no os fiéis del orden, la respuesta al final)

Query RTE:

· Tan sencillo que su código cabe aquí (claro no esperéis mucho más :))

jWysiwyg

· Ofrece doble licencia (MIT y GPL)

· Ofrece un manual más que suficiente y bastantes ejemplos

Aloha Editor

· Probablemente el más avanzado y configurable de todos, podéis ver las demos.

· Con mucha documentación

· Con una barra contextual estilo Windows

· Desde mi punto de vista poco intuitivo en muchos casos

CLEditor

· Open source

· Sencillo, potente y extensible

· Poca documentación

· Con varios plugins (iconos, tablas,…)

NicEdit

· Documentación, ejemplos

· Configurable

CKEditor

· Sucesor de FCKEditor

· Tiene todo lo necesario y más!

· Usado por los grandes

· Extensible

· Licencia: El único de pago (aunque 850$ por compañía o 350$ por web creo que no es un problema, no?)

· Barra configurable, Skins, añadir Flash, subir imágenes

TinyMCE

· Open source

· MCImagenManager:

· Muy completo

jHtmlArea

· Funcional, poca documentación, funcional!

·

Markitup

· No es exactamente un editor rico de texto, si no un editor HTML/Wiki/…

· Documentación escueta pero suficiente y ejemplos

· Soporta atajos de teclado

· Skins

· Menús configurables

· Preview

· Licencia MIT/GPL (si queréis colaborar basta con que colaboréis en pagarle una cerveza al autor :))

Sí, CKEditor…siempre y cada vez más pienso que en muchas ocasiones perdemos el norte (además del tiempo y el dinero) intentando usar un producto gratuito (que no open-source) cuando hay otra opción de pago que nos habría ahorrado horas o días de trabajo!

TextExt: Plugin JQuery que da funcionalidad como autocompletado

Es un plugin de JQuery que permite ofrecer as los campos de texto funcionalidades como:

· Tags

· Autocompletado

· Carga AJAX

· Placeholder text

Podéis ver algunos ejemplos aquí.

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

Únete a otros 484 seguidores

A %d blogueros les gusta esto: