SelectAjax

El componente SelecAjax, pretende facilitar la tarea de crear select anidados en formularios HTML. Los select anidados, también llamados combo select, crean las opciones de un select dependiendo de otro select. Por ejemplo, si un select me da a elegir entre una lista de países, el select de ciudades se actualizará automáticamente dependiendo del país que se haya elegido.

Cuando un programador ó un diseñador crea una plantilla para un componente de Joomla, es habitual incluir algún combo select. Para crear un combo select mediante el componente SelectAjax deberemos:


- Instalar el componente SelectAjax

- Poblar la base de datos del componente SelectAjax (ver ejemplos en com_selectajax/backend/sql/createtables.sql). Habrá una tabla para cada select y el nombre de las tablas será del tipo:

`#__selectajax_baseName_level1`
`#__selectajax_baseName_level2`
...
`#__selectajax_baseName_leveln`

Nótese que habrá que sustituir bbdd por el nombre que queramos.

- Añadir las siguientes líneas en el template.php de tu componente (com_yourComp/frontend/views/vista/tmpl/template.php):

JHTML::_('behavior.mootools');
$js='/components/com_selectajax/assets/combo.js';
$doc =& JFactory::getDocument();
$doc->addScript($js);


- Añadir el código HTML en el template.php de tu componente:

<select id="mi_id1"  class="selectajax"  bbdd="baseName" level="1">
<select id="mi_id2"  class="selectajax"  bbdd="baseName" level="2">


En el campo bbdd del select, hemos de especificar el nombre de la base de datos (en este caso "baseName"), que debe coincidir con el nombre introducido en la base de datos (`#__selectajax_baseName_level1`). El campo "level" también debe coincidir con los nombres de la tabla de la base de datos.

En el componente SelectAjax se incluyen varias bases de datos de ejemplos. Por ejemplo, se incluye una base de datos de provincias y municipios con códigos. Para mostrarlas incluya el siguiente código en su template de joomla!:

<?php

JHTML::_('behavior.mootools');

$js='/components/com_selectajax/assets/combo.js';

$doc =& JFactory::getDocument();

$doc->addScript($js);

?>

<h1>MUNICIPIOS</h1>
<select name="provincia" id="provincia" class="selectajax" bbdd="provimuni" level="1">
<option>Charge...</option>
</select><br />
<select name="municipio"  class="selectajax" bbdd="provimuni" level="2">
<option>Primero seleccione la provincia.</option>
</select><br />

Y verá como al elegir una provincia, se autocompletan los municipios correspondientes.

Descárgate el componente SelectAjax: SELECTAJAX

NOTA: Si no quieres liarte, mandanos un correo a Esta dirección electrónica esta protegida contra spam bots. Necesita activar JavaScript para visualizarla con los items que te gustaría incluir en tu combo y nosotros te entregaremos tu componente SelectAjax completamente personalizado y listo para instalar.