Oct 072011
 

Post to Twitter Post to Facebook

Logo de AJAX

En posts anteriores vimos cómo crear formularios básicos y avanzados usando la propiedad #states.Es usual necesitar en un formulario que cierto campo varíe en función del valor de otro , casos típicos son cuando tenemos dos select uno de países y ciudades o universidades y estudios ofertados etc…En estos casos no podemos usar la propiedad #states ya que esta muestra u oculta partes del formulario pero no puede cargar por ejemplo una lista de opciones en un select dependiendo del valor de otro, en estos casos necesitamos usar Ajax.

En este post veremos cómo incorporar Ajax en nuestros formularios de una forma simple gracias a la API Form de Drupal.El proceso de aplicar Ajax en nuestros formularios es relativamente simple :

  1. Crea o modifica un elemento del formulario usa la propiedad #ajax, esto activará la llamada Ajax cuando el usuario modifique o pinche sobre el elemento.
  2. La propiedad #ajax['wappper'] indica el ID del elemento HTML que será modificado cuando se realice la llamada Ajax.
  3. Crear la función callback indicada en #ajax['callback'] que será la encargada de modificar el contenido de la etiqueta indicada en #ajax['wrapper'].

Más sobre Ajax en Drupal 7