Pasos: 1. Crear plugin Nombre: APEX jqGrid Internal: COM_EOAPEX_APEX_JQGRID Tipo: Región 2. Crear región 3. Agregar render_apex_jqgrid (p1) 4. Definir función de representación: render_apex_jqgrid 5. Definir archivos: web-server-files 6. Actualizar render_apex_jqgrid (p2) 7. Cargar apex-jqgrid-plugin.js (p3) 8. Definir URL de Hoja de Estilo en cascada como: #PLUGIN_FILES#vendor/jqgrid-5.2.1/css/ui.jqgrid.css 9. Definir URL de Javascript como: #PLUGIN_FILES#vendor/jqgrid-5.2.1/js/i18n/grid.locale-en.js #PLUGIN_FILES#vendor/jqgrid-5.2.1/js/jquery.jqGrid.min.js #PLUGIN_FILES#apex-jqgrid-plugin.js 10. Cargar apex-jqgrid-plugin.css (p4) 11. Actualizar URL de Hoja de estilo con lo siguiente: #PLUGIN_FILES#apex-jqgrid-plugin.css -- Hasta aquí plugin básico -- Ahora a mejorarlo 12. Actualizar render_apex_jqgrid (p5) 13. Actualizar apex-jqgrid-plugin.js (p6) -- Ahora un poco de AJAX 14. Incluir en fuente el código para AJAX (p7) 15. Definir función de AJAX: ajax_apex_jqgrid 16. Actualizar apex-jqgrid-plugin.js para que utilice el llamado Ajax (p8) -- Ahora para enviar datos de manera dinámica desde el servidor 17. Actualizar ajax_apex_jqgrid (p9) -- Veamos que pasa en la consola -- Como mostramos la cuadrícula: 18. Actualizar apex-jqgrid-plugin.js (p10) -- Ahora usemos algún query 19. Actualizar ajax_apex_jqgrid (p11) 20. Marcar en atributos estandar: El Origen de Región es una Sentencia SQL 21. Seleccionar "Sí" en Necesario 22. Definir Máximo Columnas a 50 23. Movemos el query a nivel de la región, definimos Consulta SQL como: select cust_first_name, cust_last_name, cust_state from demo_customers -- Mejoramos algunas cosas para que no haya problemas si cambiamos el query 24. Marcar atributo estandar: Tiene "Columnas de Región" 25. Marcar atributo estandar: Tiene Atributo de Columna "Cabecera" 26. Actualizamos la región (en este momento es necesario volver a crearla) 27. Modificamos las cabeceras de cada columna 28. Actualizamos render_apex_jqgrid (p12) 29. Actualizamos apex-jqgrid-plugin.js (p13) -- Ahora inmobilicemos algunas columnas 30. Agregamos Atibuto Personalizado: Ambito: Columna de Región Etiqueta: Frozen Tipo: Sí/No Valor por defecto: N 31. Congelemos algunas columnas en la región -- Es hora de mapear en la función 32. Actualizar render_apex_jqgrid (p14) 33. Actualizamos apex-jqgrid-plugin.js (p15) -- Hora de agregar algo de seguridad -- Aseguremos contra XSS 34. Marcar Atributo estandar: Tiene Atributo de Columna "Caracteres Especiales de Escape" 35. Actualizamos ajax_apex_jqgrid (p16) -- Por hoy, hasta aquí 34.