Listas simples enlazadas

Este Artículo esta siendo revisado por los Kumbieros. El ejemplo presente es completamente funcional, pero su redacción debe mejorar

Listas Enlazadas de tres niveles

Para nuestro ejemplos vamos a utilizar listas simples [1] con 3 niveles, Regiones, Comunas y Ciudades.

Requerimientos

• Cambiar autocarga de los modelos

Editamos el archivo config.ini y modificamos models_autoload = On por models_autoload = Off

• Cargar Prototype

Editamos el template activo y adicionamos esta linea

<?php View::partial('kumbia/prototype'); ?>

Tablas

#
# Table structure for table 'regiones'
#
# DROP TABLE IF EXISTS regiones;
CREATE TABLE `regiones` (
  `id` int(4) NOT NULL auto_increment,
  `nombre` varchar(100) NOT NULL,
  PRIMARY KEY  (`id`)
) ENGINE=MyISAM AUTO_INCREMENT=4 DEFAULT CHARSET=latin1;
 
#
# Dumping data for table 'regiones'
#
 
INSERT INTO regiones VALUES (1,'Primera Region');
INSERT INTO regiones VALUES (3,'Tercera Region');
INSERT INTO regiones VALUES (2,'Segunda Region');
 
#
# Table structure for table 'comunas'
#
 
# DROP TABLE IF EXISTS comunas;
CREATE TABLE `comunas` (
  `id` int(4) NOT NULL auto_increment,
  `regiones_id` int(4) NOT NULL,
  `nombre` varchar(100) NOT NULL,
  PRIMARY KEY  (`id`)
) ENGINE=MyISAM AUTO_INCREMENT=5 DEFAULT CHARSET=latin1;
 
#
# Dumping data for table 'comunas'
#
 
INSERT INTO comunas VALUES (4,3,'Primera Comuna');
INSERT INTO comunas VALUES (3,2,'Primera Comuna');
INSERT INTO comunas VALUES (2,1,'Segunda Comuna');
INSERT INTO comunas VALUES (1,1,'Primera Comuna');
 
#
# Table structure for table 'ciudades'
#
 
# DROP TABLE IF EXISTS ciudades;
CREATE TABLE `ciudades` (
  `id` int(4) NOT NULL auto_increment,
  `comunas_id` int(4) NOT NULL,
  `nombre` varchar(100) NOT NULL,
  PRIMARY KEY  (`id`)
) ENGINE=MyISAM AUTO_INCREMENT=7 DEFAULT CHARSET=latin1;
 
#
# Dumping data for table 'ciudades'
#
 
INSERT INTO ciudades VALUES (6,3,'Tercera Ciudad');
INSERT INTO ciudades VALUES (5,3,'Segunda Ciudad');
INSERT INTO ciudades VALUES (4,3,'Primera Ciudad');
INSERT INTO ciudades VALUES (3,2,'Segunda Ciudad');
INSERT INTO ciudades VALUES (2,2,'Primera Ciudad');
INSERT INTO ciudades VALUES (1,1,'Primera Ciudad');

Ejemplo

• clientes_controller.php

<?php 
class ClientesController extends ApplicationController{
	public function index() {	
	}
	public function create(){
		Load::model('clientes');
		Load::model('regiones');
		if($this->has_post('clientes')){
			//SUBMIT
		}
	}
	public function getComunas($regiones_id = 0){
		Load::model('comunas');
		$this->set_response('view');
		$this->regiones_id = $regiones_id;
	}
 
	public function getCiudades($comunas_id = 0){
		Load::model('ciudades');
		$this->set_response('view');
		$this->comunas_id = $comunas_id;
	}
}
?>

• create.phtml

<?php View::content(); ?>
<?php echo form_tag("$controller_name/$action_name"); ?>
<table id='table_forms'>
	<tr>
		<th>Región</th>
		<td>
		<?php
			echo select_tag(array('clientes.regiones_id', 
                                        'order' => 'nombre',
                                        'Regiones', 'option' => 'nombre',
                                        'include_blank' => 'Seleccione...'));
		?>
		</td>
	</tr>
	<tr>
		<th>Comuna</th>
		<td><div id='div_comunas'></div><td>
	</tr>
	<tr>
		<th>Ciudad</th>
		<td><div id='div_ciudades'></div></td>
	</tr>	
	<tr>
		<td colspan="2" align="center"><?php echo submit_tag('Agregar')?></td>
	</tr>
</table>
<?php echo end_form_tag(); ?>
 
 
<script type='text/javascript'>
new Event.observe('clientes_regiones_id', 'change', function(){
	var regiones_id	=	document.getElementById('clientes_regiones_id').value;
	ruta		=	"<?php echo get_kumbia_url('clientes/getComunas/'); ?>" + regiones_id;
		new AJAX.viewRequest({
		action: ruta,
		container: 'div_comunas'
	})
})
</script>

• getComunas.phtml

<?php
	echo select_tag(array("clientes.comunas_id", 
                'order'				=> 'nombre',
                'Comunas', 'option'		=> 'nombre',
		'conditions'			=> "regiones_id = $regiones_id",
		'include_blank' 		=> 'Seleccione...'));
?>		
 
<script type='text/javascript'>
new Event.observe("clientes_comunas_id", "change", function(){
	comunas_id	=	document.getElementById('clientes_comunas_id').value;
	ruta		=	"<?php echo get_kumbia_url('clientes/getCiudades/'); ?>" + comunas_id;
		new AJAX.viewRequest({
		action: ruta,
		container: 'div_ciudades'
	})
})
</script>

• getCiudades.phtml

<?php
	echo select_tag(array('clientes.ciudades_id', 
                'order'			=> 'nombre',
                'Ciudades', 'option'	=> 'nombre',
		'conditions'		=> "comunas_id = $comunas_id",
		'include_blank' 	=> 'Seleccione...'));
?>