Basta ya de tablas sobre tablas. Este post es para presentales el proyecto que hace poco iniciaron @juwe, @DiegoHerrera y @FullMental, llamado Estándares Web México
¿Pero que es?
Cito textualmente del sitio
EstandaresWeb.com.mx nace con la intención de promover en México el uso y enseñanza de los Estándares Web, buscando que se construyan más sitios que los cumplan, aumentando potencialmente la inversión realizada en ellos, a través de garantizar el acceso desde distintos tipos de dispositivos y plataformas, posicionamiento en Internet a través de optimización para motores de búsqueda -SEO, Search Engine Optimization-, accesibilidad, facilidad de mantenimiento y disminución de inversión en ancho de banda, entre otras características.
Creo que este tipo de iniciativas son muy interesantes, ya que es bien sabido que las aplicaciones y sitios web cada día toman mas relevancia en la vida diaria, así que, que mejor que tener conocimiento sobre estándares para tener una mejor experiencia como usuarios y saber como ofrecerla como desarrolladores/diseñadores.
En esta ocasión veremos como agregar un menú contextual usando un plugin que usa JQuery llamado ContextMenu a otro plugin que es un grid llamado jqGrid y que les recomiendo bastante. A diferencia de controles hechos especificamente para .Net, etc…, estos plugins son escritos completamente en Javascript con lo que podemos usar cualquier tecnologia en el backend.
Bien no voy a hablar de JQuery el programador debe tener conocimiento de este framework, en caso de no conocer pueden ir al sitio e investigar de que va, ahora si procedamos al objetivo del post.
Lo primero es crear los bindings del ContextMenu, en mi caso lo declare como una variable como lo muestra el siguiente código
El siguiente paso es agregar el menú de contexto a cada fila del grid y esto lo hacemos en el evento afterInsertRow como lo muestra el siguiente código.
Y aqui esta el resultado
Como vimos, es muy facil, funciona, en FF, IE, Chrome y Safari, salvo la excepcion con Opera, espero se pueda agregar a jqGrid antes de que salga el release de la version 3.5
Cualquier duda o comentario a [me] @ [hard-bit.net ]
