lunes, 21 de julio de 2008

Ajax

Vamos a ver ahora cómo se implementa Ajax en Delphi para PHP.

Hay que entender que Delphi para PHP no trata a los componentes como elementos HTML, por lo tanto para cambiar algún elemento, no se hace utilizando la propiedad innerHTML como se hacía normalmente con Ajax, sino que, deben establecerse las propiedades de los componentes directamente.

Delphi para PHP utiliza internamente la librería Xajax.

Sigamos ahora los pasos para implementar Ajax:
  • Establecer la propiedad UseAjax de la página a true.
  • Poner un botón sobre la página (formulario).
  • Poner una etiqueta sobre la página.
  • Seleccionamos el botón y hacemos doble click sobre el para crear el método asociado al evento OnClick (Button1Click). Ingresamos el siguiente código para cambiar el caption y el color de fondo del Label:
$this->Label1->Caption="Hola desde Ajax!!";
$this->Label1->Color="#".dechex(rand(0,0xFFFFFF));
  • Teniendo el botón seleccionado, hacemos doble click en el valor de la propiedad OnClick (Button1JSClick) de la pestaña javascript para que nos cree el método asociado a este evento. Y escribimos el siguiente código que llama a la función ajax:
echo $this->Button1->ajaxCall("Button1Click");
  • En la parte de código de javascript escribimos return false para evitar que se haga submit al formulario.


Ejecute el programa y vea como funciona.

No hay comentarios: