Listas Desplegables con CodeIgniter, jQuery y Javascript
Hola amigos, continuando con ejemplos de listas desplegables, esta vez usaremos más temas sobre programación de aplicaciones web usando el framework en PHP CodeIgniter, la librería jQuery y actualizaremos el uso de arreglos en Javascript para poblar las listas, utilizaremos el IDE Sublimetext y utilizaremos algunos de sus complementos.
Este post consta además de cuatro videos donde aprenderemos nuevos temas de programación.
Del uso del framework CodeIgniter aprenderemos a retirar del URL de nuestro proyecto el index.php, también como hacer un controlador la entrada de nuestro proyecto o sistema, además aprenderemos a usar elementos del helper form, form_label y form_dropdown, de este último aprenderemos a llenarlo desde un arreglo.
Aprenderemos a usar la hoja de estilos bootstrap.css de twitter y generaremos una grilla de 940px, para llenar nuestros elementos.
Usaremos jQuery en su versión 1.7.2 y haremos una llamada con getJSON para obtener un objeto JSON (en el video indico que es un arreglo, pero en sí es un objeto) con el cual llenaremos una lista con $.each como plantilla o template y llenar una etiqueta (option) con parámetros.
Utilizaremos arreglos en Javascript para llenar listas, aprenderemos a prepararlos en un modelo y como enviarlo a la vista para acceder a ellos, además el arreglo contendrá más datos (no sólo value y el text, sino otros datos) y poder acceder a ellos de acuerdo al registro seleccionado en la lista.
Obtendremos los datos del registro seleccionado de la lista y lo agregaremos y un span para poder visualizarlo, además accederemos a un arreglo Javascript para obtener elementos no almacenados en la lista.
Espero les haya gustado… , sólo está lo escrito en este post, el framework lo tienen que bajar desde el sitio de CodeIgniter
Descarga el código de este post haciendo click en el siguiente botón
También lo puedes encontrar visitando mi sitio en GitHub
Hasta pronto…
Muuuuuuuuchas gracias, aunque no me salian las provincias como explica en el video con JSON, pero guiandome con el ejemplo de GitHub lo resolvi, muchas gracias nuevamente
una pregunta,
por que el codigo que suministras es diferente al del video???
@marlon
intenta usar el firebug y ve que error te sale, me avisas cualquier cosa
Hola buenas dias aber si me podrias resolver una duda a la hora de seleccionar el departamento aparecen todos pero con las provincias no me aparece nada, ni tampoco da ningun fallo gracias de antemano
hola q tal excelente ejemplo amigo Antonio..te queria hacer una consulta …sabes tambien estoy programando con codeigniter …no se si tendras algun ejemplo con registrar,editar,eliminar con codeigniter …usando Ajax…
ah si tuvieras como subir imagen y guardala en la bd mysql ….y luego mostrarla
@Luis
Hola Luis, la verdad no uso IE en mis clientes, les recomiendo utilizar otros navegadores, tendrías que googlear o buscar en la FAQ de bootstrap sobre los problemas que tienes… suerte
Hola Antonio…
Me interesó mucho el bootstrap que utilizas con CI y lo estuve revizando pero tuve algunas dificultades que quiero compartirte y si te es posible me puedas retroalimentar.
En mi equipo con Win7PRO de 32bits no tengo problemas de visualización del HTML5 pero en los demás equipos con WinXP e IE8 no se ven bien las vistas.
Que me falta incluir en mis vistas para IE8 para que se puedan ver bien?
Podrías hacerme el favor de ayudarme es que no e logrado cargar las provincias tengo el código idéntico pero no me funciona haber si me puedes echar una mano con esto.