ComboBox anidados

celineadiction · #1 (**permalink**) 13/06/2011, 14:35

Hola amigos necesito que me ayuden a saber cual es mi error para cargar este combo:

aqui es donde creo la ventana

Código Javascript:

Ver originalExt.ns("com.quizzpot.tutorial");
 
com.quizzpot.tutorial.LinkedComboBoxTutorial = {
    init: function(){
        this.countryStore = this.getStore();
        this.stateStore = this.getStore();
        this.cityStore = this.getStore();
        
        this.countryCmb = new Ext.form.ComboBox({
            store: this.countryStore,
            id: 'country',
            valueField: 'value',
            displayField: 'label',
            triggerAction: 'all',
            emptyText: 'Select a Country',
            fieldLabel: 'Country'
        });
        
        this.stateCmb = new Ext.form.ComboBox({
            store: this.stateStore,
            disabled: true,
            id: 'state',
            valueField: 'value',
            displayField: 'label',
            triggerAction: 'all',
            mode: 'local',
            emptyText: 'Select a Contry first',
            fieldLabel: 'State'
        });
    
        this.cityCmb = new Ext.form.ComboBox({
            store: this.countryStore,
            disabled: true,
            id : 'city',
            valueField: 'value',
            displayedField: 'label',
            triggerAction: 'all',
            //mode: 'local',
            emptyText: 'Select a State first',
            fieldLabel: 'City'
        });
        
        this.window = new Ext.Window({
            title: 'Linked ComboBox',
            layout:'form',
            width:300,
            height:200,
            bodyStyle: 'padding:5px;background-color:#fff',
            items: [this.countryCmb,this.stateCmb,this.cityCmb]
        });
        this.window.show();
        
        this.countryCmb.on('select',function(cmb,record,index){
            this.stateCmb.enable();
            this.stateCmb.clearValue();
            this.stateStore.load({params:{id:record.get('value')}});
        },this);
        
        this.stateCmb.on('select',function(cmb,record,index){
            this.cityCmb.enable();
            this.cityCmb.clearValue();
            this.cityStore.load({params:{id2:record.get('value')}})
        },this);
    },
        
    getStore: function(){
        var store = new Ext.data.JsonStore({
            url:'linked-cmb.php',
            root:'data',
            fields: ['value','label']
        });
        return store;
    }
}
 
Ext.onReady(com.quizzpot.tutorial.LinkedComboBoxTutorial.init,com.quizzpot.tutorial.LinkedComboBoxTutorial);

y este es el codigo php que me devuelve el valor que debe ir en los combos

Código PHP:

Ver original<?php
 
$countries = array('Argentina','España','México','Perú','United States');
 
$states = array(
    array('Buenos Aires','Córdoba','Rosario','Mendoza','Santa Fe'),
    array('Madrid','Valencia','Barcelona','Pamplona'),
    array('Distrito Federal','Monterrey','Guadalajara'),
    array('La Victoria','Piura','Surco','Lima'),
    array('Texas','California','New york','Virginia')
);
 
$cities = array(
    array('ciudad 1', 'ciudad 2', 'ciudad 3'),
    array('ciudad 4', 'ciudad 5', 'ciudad 6'),
    array('ciudad 4', 'ciudad 5', 'ciudad 6'),
    array('ciudad 4', 'ciudad 5', 'ciudad 6'),
    array('ciudad 4', 'ciudad 5', 'ciudad 6')
);
 
$id = $_REQUEST['id'];
$idd=$_REQUEST['id2'];
 
if($id==""){
    echo toJSON($countries);
}
if($id!=""){
    echo toJSON($states[$id]);
}
if($idd!=""){
    echo toJSON($cities[$idd]);
}
 
function toJSON($array){
    $data=array(); 
    $i=0;
    $total = count($array);
    foreach($array as $key=>$value){
        array_push($data,array(
            'value'=>$i++,
            'label'=>$value
        ));
    }
    
    return json_encode(array(
        'total'=>$total,
        'data'=>$data
    ));
}
?>

con eso solamente consigo que se carguen los primeros dos combos, y no se que hago mal que el tercero no carga....

muchas gracias de antemano

celineadiction · #2 (**permalink**) 14/06/2011, 15:51

alguien?? porfavor?? =)

celineadiction · #3 (**permalink**) 16/06/2011, 08:28

Lo he modificado de esta manera, pero me sigue dando problemas al cargar el tercer combo

Código Javascript:

Ver originalExt.ns("combos");
 
combos.ComboBox = {
    init: function(){
        this.countryStore = this.getStore();
        this.stateStore = this.getStore();
        this.cityStore = this.getStore();
        this.coloniaStore = this.getStore();
        
        this.countryCmb = new Ext.form.ComboBox({
            store: this.countryStore,
            itemId: 'country',
            id: 'country',
            valueField: 'value',
            loadingText:'',
            displayField: 'label',
            triggerAction: 'all',
            emptyText: 'Seleccione Pais',
            fieldLabel: 'Country'
        });
        
        this.stateCmb = new Ext.form.ComboBox({
            store: this.stateStore,
            disabled: true,
            id: 'state',
            valueField: 'value',
            loadingText:'',
            displayField: 'label',
            triggerAction: 'all',
            mode: 'local',
            emptyText: 'Primero seleccione un Pais',
            fieldLabel: 'State'
        });
    
        this.cityCmb = new Ext.form.ComboBox({
            store: this.cityStore,
            disabled: true,
            id : 'city',
            valueField: 'value',
            loadingText:'',
            displayedField: 'label',
            triggerAction: 'all',
            mode: 'local',
            emptyText: 'Primero Seleccione un estado',
            fieldLabel: 'Ciudad'
        });
        
        this.coloniaCmb = new Ext.form.ComboBox({
            store: this.coloniaStore,
            disabled: true,
            id: 'colonia',
            valueField: 'value',
            loadingText: '',
            displayedField: 'label',
            triggerAction: 'all',
            mode: 'local',
            emptyText: 'Primero Seleccione una ciudad',
            fieldLabel: 'Colonia'
        });
    
        this.window = new Ext.Window({
            title: 'Combos Anidados',
            layout:'form',
            width:300,
            height:160,
            bodyStyle: 'padding:5px;background-color:#fff',
            items: [this.countryCmb,this.stateCmb,this.cityCmb,this.coloniaCmb]
        });
        this.window.show();
        
        this.countryCmb.on('select',function(cmb,record,index){
            this.stateCmb.enable();
            this.stateCmb.clearValue();
            this.stateStore.load({
                params:{
                    id:record.get('value')
                }
            });
        },this);
    
        this.stateCmb.on('select',function(cmb,record,index){
            this.cityCmb.enable();
            this.cityCmb.clearValue();
            this.cityStore.load({
                params:{
                    id2:record.get('value')
                }
            });
        },this);
        
        this.cityCmb.on('select',function(cmb,record,index){
            this.coloniaCmb.enable();
            this.coloniaCmb.clearValue();
            this.coloniaStore.load({
                params:{
                    id3:record.get('value')
                }
            });
        },this);
    },
        
    getStore: function(){
        var store = new Ext.data.JsonStore({
            url:'linked-cmb.php',
            root:'data',
            fields: ['value','label']
        });
        return store;
    }
}//fin de la clase
 
Ext.onReady(combos.ComboBox.init,combos.ComboBox);

y el codigo en php es este

Código PHP:

Ver original<?php
include('../conexion.php');
 
if($_POST['id']=="" AND $_POST['id2']==""){
    $query_busqueda = "SELECT * FROM select_0 ORDER BY id ASC";
    $busqueda = mysql_query($query_busqueda) or die(mysql_error());
    
    $arre = array();
    while ($row_busqueda = mysql_fetch_assoc($busqueda)){
          $arre[] = $row_busqueda[opcion];
    }
    echo toJSON($arre);
}
 
if($_POST['id']!=""){
    $query_busqueda_estados = "SELECT * FROM select_1 WHERE domn_relacion='$_POST[id]' ORDER BY id ASC";
    $busqueda_estados = mysql_query($query_busqueda_estados) or die(mysql_error());
    
    $ar[] = array();
    while ($row_busqueda_estados = mysql_fetch_assoc($busqueda_estados)){
          $ar[] = $row_busqueda_estados[opcion];
    }
    echo toJSON($ar);
}
 
    if($_POST['id2']!=""){
        $query_busqueda_ciudades = "SELECT * FROM select_2 WHERE relacion='$_POST[id2]' ORDER BY id ASC";
        $busqueda_ciudades = mysql_query($query_busqueda_ciudades) or die(mysql_error());
        
        $arreglo_ciudades[] = array();
        while($row_busqueda_ciudades = mysql_fetch_assoc($busqueda_ciudades)){
            $arreglo_ciudades[] = $row_busqueda_ciudades[opcion];
        }
        echo "idc".$_POST[idc];
        echo toJSON($arreglo_ciudades);
    }
    
    if($_POST['id3']!=""){
        $query_busqueda_colonia = "SELECT * FROM select_3 WHERE relacion='$_POST[id3]' ORDER BY id ASC";
        $busqueda_colonia = mysql_query($query_busqueda_colonia) or die(mysql_error());
        
        $arreglo_colonias[] = array();
        while($row_busqueda_colonias = mysql_fetch_assoc($busqueda_colonia)){
            $arreglo_colonias [] = $row_busqueda_colonias[opcion];
        }
        
        echo toJSON($arreglo_colonias);
    }
 
    function toJSON($array){
        $data=array(); 
        $i=1;
        $total = count($array);
        foreach($array as $key=>$value){
            array_push($data,array(
                'value'=>$i++,
                'label'=>$value
            ));
        }
        
        return json_encode(array(
            'total'=>$total,
            'data'=>$data
        ));
    }
?>

lo que pasa es que en codigo php está bien, pero a la hora de mandarlo al combo, aunque lo hago de la misma manera que con los dos anteriores, no se despliega nada =/

les agradecería bastante su ayuda =)

celineadiction · #4 (**permalink**) 16/06/2011, 12:02

problema resuelto... era por la propiedad 'displayField'