Una de las grandes utilidades que podemos obtener con Ajax es la del autocompleter, jQuery nos facilita mucho esta tarea con un plugin muy bueno. Si estamos usando Catalyst, podemos hacer uso de este plugin fácilmente, aqui les pongo un ejemplo de lo que yo he estado haciendo: Estoy usando el módulo TTSite para las vistas, me gusta por que crea una estructura del sitio con una cabecera, el cuerpo y el pie de página, y simplemente tenemos que modificar el CSS (si, támbien lo genera) a nuestro gusto y preocuparnos por el contenido de la página. Quería agregar un formulario de búsqueda para los registros (clientes) que estoy almacenando en la base de datos, y decidí probar uno de los plugins de jQuery para autocompleter. Lo primero que hay que hacer obviamente es descargar las librerías javascript, la gente de Interface Element, que proveen una buena colección de plugins, ofrecen una opción interesante que es personalizar la descarga, o sea escoges los plugins que quieras o necesites y te crean un archivo comprimido, bueno yo los baje todos por que queria probarlos!
, en fin, una vez descargados, obviamente hay que bajar la librería que vamos a usar jQuery y poner todos estos archivos juntos en un directorio, en mi caso guardé todos los archivos en: "root/static/js/" (esto es dentro de la estructura que crea Catalyst de nuestra aplicación …). Luego de descargar y guardar los archivos tenemos que configurar nuestra vista para que pueda cargar las librerías javascript, en el caso de usar TTSite simplemente editamos el archivo: "root/lib/site/html" y agregamos unas líneas como las siguientes (obviamente entre las etiquetas <head> </head>:
[geshi lang=HTML] <script type="text/javascript" src="[% Catalyst.uri_for('/static/js/jquery.js') %]"></script>
<script type="text/javascript" src="[% Catalyst.uri_for('/static/js/iutil.js') %]"></script>
<script type="text/javascript" src="[% Catalyst.uri_for('/static/js/ifx.js') %]"></script>
<script type="text/javascript" src="[% Catalyst.uri_for('/static/js/ifxslide.js') %]"></script>
<script type="text/javascript" src="[% Catalyst.uri_for('/static/js/iautocompleter.js') %]"></script>[/geshi]
