Integración De Symfony Con Extjs

Tutorial para integrar EXTJS con Symfony


Capitulo 1: Como integrar EXTJS con Symfony.

Lo primero que hay que hacer es crear un proyecto en Symfony, una vez creado el proyecto y la aplicación,copiar la carpeta de EXT en web/js y ponerle el nombre de ext con lo que nos quedaría así web/js/ext.

Ahora vamos al archivo apps/frontend/config/view.yml y agregamos las librerías de extjsmodificando las líneas stylesheets y javascripts para que se vean así:

#apps/frontend/config/view.yml

stylesheets: [main.css, ../js/ext/resources/css/ext-all.css]
javascripts:[ext/adapter/ext/ext-base-debug.js,ext/ext-all-debug.js]

Con esto ya tenemos las librerías de extjs listas para usarse en el proyecto de Symfony.

Capitulo 2: Un grid simple.

Este capítulo se ensañara comomostrar en un grid de extjs la información de una tabla de una base de datos en un proyecto de Symfony.

Para esto lo primero que tenemos que hacer es crear un modulo llamado MiGrid:

symfonygenerate:module frontend MiGrid

Con esta acción se crean dos archivos actions.class.php en la carpeta actions y indexSuccess.php en la carpeta templates.

Para entrar en materia debemos crearprimeramente la tabla y llenarla con alguna información para esto copie los siguientes códigos en:


# config/doctrine/schema.yml

Provincias:
columns:
provincia: { type: string(255), notnull:true }

# data/fixtures/Provincias.yml

Provincias:
Pinar del Río:
provincia: Pinar del Río
Artemisa:
provincia: Artemisa
La Habana:
provincia: La Habana
Mayabeque:provincia: Mayabeque
Matanzas:
provincia: Matanzas
Cienfuegos:
provincia: Cienfuegos
Villa Clara:
provincia: Villa Clara
Sancti Spiritus:
provincia: Sancti SpiritusCiego de Avala:
provincia: Ciego de Ávila
Camagüey:
provincia: Camagüey
Las Tunas:
provincia: Las Tunas
Holguín:
provincia: Holguín
Granma:
provincia: Granma...