Selects dependientes y posterior envío de formulario

[castrovega7]

Hola amigos, soy nuevo en el foro como podéis ver y también soy nuevo en el uso de Zend_Framework. Estoy desarrollando un proyecto en el cual tengo un formulario con 2 selects dependientes, es decir, según la opción seleccionada en el primer select, los datos del segundo select varían; y esto lo hago mediante JQuery y Ajax; en mi caso concreto en el primer select podremos elegir un proyecto y en base al proyecto seleccionado se cargarán las versiones de dicho proyecto.

He conseguido que la petición ajax se realice correctamente (gracias en gran medida a este post [URL="http://www.forosdelweb.com/f18/zend-selects-dependientes-847640/"]http://www.forosdelweb.com/f18/zend-selects-dependientes-847640/[/URL]) y consigo cargar los datos traídos desde la base de datos mediante AJAX, pero el problema que tengo es al enviar el formulario, ya que cuando hago el submit de dicho form, me salta el siguiente error:

- No se ha encontrado '1' en el argumento especificado

siendo '1' el valor del option seleccionado en el select.

Entonces lo que no comprendo es que los datos recogidos con AJAX los veo en pantalla, pero a la hora de enviar el form es como si Zend_Form no fuera consciente de estos nuevos datos y me gustaría saber vuestra opinión al respecto, o si estoy haciendo algo mal, os adjunto el código:

Script con la llamada ajax(Este script lo tengo situado en el layout, no se si podrá influir):

Código Javascript:

<script type="text/javascript">
            function cargarVersiones(){
 
                var opcionSeleccionada=$("#proyecto").val();
                var selectDestino=$('#version');
                $.ajax(
                    {
                        async: true,
                        type: 'POST',
                        url: '/memorias/memorias/ajax',
                        data: "idproyecto="+opcionSeleccionada,
                        dataType: 'json',
                        
                        beforeSend: function(data){
                            selectDestino.html('<label>Cargando...</label>');
                        },
                        success: function(data){
                            selectDestino.append(
                                $('<option></option>').val(data.id).html(data.version)
                            );
                        },
                        error: function(requestData, strError, strTipoError){
                            
                        }
                    });
                }
        </script>
 

Función que selecciona los elementos para el select de versiones de BBDD situada en el controlador correspondiente(En este caso no estoy accediendo a BBDD simplemente devuelvo dos valores de prueba para hacerlo mas simple)

Código PHP:

function ajaxAction(){
            
            $this->_helper->viewRenderer->setNoRender();
            $this->_helper->layout->disableLayout();
            if (!$this->getRequest()->isXmlHttpRequest())
            {
                $this->_redirect('/buscador/buscador');
            }
                $tablaVersiones= new Proyectos_Model_DbTable_Versions();
 
                $id = $_POST["idproyecto"];
                //datos de prueba para enviar al select
                $jsondata['id'] = 1;
                $jsondata['version'] = "versionprueba";
 
                echo Zend_Json::encode($jsondata);
 
        }
 

Formulario Zend:

Código PHP:

public function __construct(){
 
        parent::__construct($options);
 
        $this->setAttrib('enctype', 'multipart/form-data');
        $this->setName('nuevaMemoriaForm');
        $this->setAction('subirmemoria');
        $this->setMethod('post');
 
        $file=new Zend_Form_Element_File('archivo');
        $file->setLabel('Subir: ');
        $file->setRequired(true);
        $file->setDestination(UPLOAD_PATH);
        $file->addValidator('Count',false,1);
        $file->addValidator('Extension',false,'tmx');
        $this->addElement($file);
        
        
        $proyectos= new Zend_Form_Element_Select('proyecto');
        $proyectos->setLabel('Proyecto: ');
        $proyectos->setRequired(true);
        $proyectos->setAttrib('onChange', 'cargarVersiones();');
 
        $auth=Zend_Auth::getInstance();
        $data = $auth->getStorage()->read();
        $tablaProyectos= new Proyectos_Model_DbTable_Projects();
        
        $proyectos->addMultiOption(NULL,'Elija un proyecto');
        //Lee los proyectos de la BBDD segun el usuario
        foreach ($tablaProyectos->getListaProyectosPorIdUsuario($data['user_id']) as $p) {
            $proyectos->addMultiOption($p->project_id, $p->project_name);
        }
 
        $this->addElement($proyectos);
 
 
        $versiones= new Zend_Form_Element_Select('version');
        $versiones->setLabel('Version: ');
        $versiones->setRequired(true);
        $versiones->clearValidators();
 
        $tablaVersiones= new Proyectos_Model_DbTable_Versions();
 
        $versiones->addMultiOption(NULL,'Elija una version');
 
        $this->addElement($versiones);
 
        $this->addElement('submit','submit',array('label'=>'Subir memoria'));
    
    }
 

He probado a dentro del mismo script, una vez realizado el append de los nuevos datos al form, a acceder a estos datos desde javascript y lo he conseguido, es decir el value del option es accesible, por eso pregunto si será algo relacionado con que Zend_Form no tiene constancia de estos nuevos datos y por eso da el error.

Gracias de antemano, un saludo.

[masterpuppet]

Que tal castrovega7,

Primero bienvenido y segundo ese error luego del POST ? o en Javascript ?, ese es el mensaje exacto ? esta en español ?

Saludos.

[castrovega7]

El error es al presionar el botón para enviar el formulario, salta el error como cuando por ejemplo tienes un input con setRequire(true) y si lo dejas vacío te sale un error que te indica que no puede ser vacío.

El error es en español porque he utilizado el Zend_Translate para traducir la hoja de errores.

[masterpuppet]

Si haces un dump del POST antes del Zend_Form::isValid, version esta seteado ?

[GatorV]

Mmm es probable que aunque hagas un clearValidator() este dejando el inArray, por lo que debes expresamente deshabilitarlo:

Código PHP:

$versiones->registerInArrayValidator(false);
 

Saludos.

[castrovega7]

Primero gracias por la rapidez en contestar,

Iniciado por masterpuppet

Si haces un dump del POST antes del Zend_Form::isValid, version esta seteado ?

he hecho el var_dump y este ha sido el resultado:

array(3) { ["archivo"]=> string(10) "prueba.tmx" ["proyecto"]=> NULL ["version"]=> NULL }

Ninguno de los dos selects contiene realmente el dato seleccionado... mmm es extraño que en el select de proyecto en el que cargo los datos dentro form, coja el dato como nulo, véis algún fallo en el form?¿ (La clase del formulario extiende de Zend_Form)

Iniciado por GatorV

Mmm es probable que aunque hagas un clearValidator() este dejando el inArray, por lo que debes expresamente deshabilitarlo:

Código PHP:

$versiones->registerInArrayValidator(false);
 

Saludos.

He probado añadiendo al form, a continuación del clearValidators(), la línea que me has comentado y el funcionamiento sigue siendo el mismo :S

[castrovega7]

De hecho me acabo de dar cuenta de que el valor del select proyectos es null como se puede ver en el var_dump, pero sin embargo no me muestra el mensaje de que "este campo no puede ser vacío" que debería mostrar ya que el select de proyectos tiene un "setRequired(true)".

[masterpuppet]

Comprueba el html que estas generando, beforeSend agrega un label dentro de un select, estas seguro que el html es correcto ?, que los values de los select's están saeteados ? y has una prueba sin traducir los mensajes, para ver el mensaje original que no tengo las traducciones :P

[castrovega7]

Iniciado por masterpuppet

Comprueba el html que estas generando, beforeSend agrega un label dentro de un select, estas seguro que el html es correcto ?, que los values de los select's están saeteados ? y has una prueba sin traducir los mensajes, para ver el mensaje original que no tengo las traducciones :P

El mensaje original es:

'1' was not found in the haystack

He eliminado el BeforeSend y continua igual y he probado lo siguiente:

Esta es la funcion que recibe los datos del form

Código PHP:

public function subirmemoriaAction()
    {
 
        $formularioNuevaMemoria = new Memorias_Form_Nuevamemoria();
 
        //Si se reciben datos por post
        if($this->getRequest()->isPost()){
            //Si los datos recibidos son válidos
            var_dump($formularioNuevaMemoria->getValues());
            $p=$_POST["proyecto"];
            echo $p;
            if($formularioNuevaMemoria->isValid($_POST)){
.
.
.
 

Como me has dicho en esta funcion antes del "isValid" he hecho el var_dump de los values obteniendo el valor null en proyecto, sin embargo cogiendo el valor mediante POST como se muestra en el codigo, del select proyecto por separado imprime el valor correcto de la opcion seleccionada...

[castrovega7]

Jajajaja me da la risa ya, porque acabo de probar exactamente lo mismo para el select versiones y si recojo el dato del select versiones de esta forma:

$v=$_POST["version"];
echo $v;

Se imprime el valor correcto que habia sido enviado por AJAX, no entiendo por que se dispara el error entonces...

[GatorV]

Es por el inArrayValidator lo que hace es checar el valor contra las opciones del select, al no tener opciones se dispara ese valor, estas seguro que sí lo tienes así? Por sí las dudas yo creo mis selects así:

Código PHP:

$this->addElement('select', 'selectname', array(
            'required' => true,
            'label' => 'Select',
            'registerInArrayValidator' => false,
            'multiOptions' => array(0 => '[Select]')
        ));
 

Para cuando estoy inyectando valores desde AJAX

[castrovega7]

Iniciado por GatorV

Es por el inArrayValidator lo que hace es checar el valor contra las opciones del select, al no tener opciones se dispara ese valor, estas seguro que sí lo tienes así? Por sí las dudas yo creo mis selects así:

Código PHP:

$this->addElement('select', 'selectname', array(
            'required' => true,
            'label' => 'Select',
            'registerInArrayValidator' => false,
            'multiOptions' => array(0 => '[Select]')
        ));
 

Para cuando estoy inyectando valores desde AJAX

Muchas gracias GatorV, de esta forma si que me funciona y ya no salta el error, lo que no entiendo es por qué como definí yo el select no funciona

Código PHP:

$versiones= new Zend_Form_Element_Select('version');
$versiones->setLabel('Version: ');
$versiones->setRequired(true);
$versiones->registerInArrayValidator(false);
$versiones->addMultiOption(0,'[select]');
$this->addElement($versiones);
 

Qué diferencias hay a la hora de definir los elements de una u otra forma? es mejor una que otra, o más recomendable?


Ah y una preguntilla relacionada, el script de jquery lo tengo provisionalmente en header del layout pero no creo que sea el lugar más adecuado, qué me recomendarías hacer con los scripts?


Sólo me queda daros las gracias a ti y a masterpuppet por su ayuda también :)

[masterpuppet]

El problema es el funcionamiento, Zend_Form_Element utiliza lazy loading para los validators, Zend_Form_Element::clearValidators deja a 0 los validators pero no deja en false a registerInArrayValidator, entonces al disparar el Zend_Form_Element::isValid carga el validator y lo dispara.

No hay diferencias al definir los elementos creandolos o seteandolos como opciones, en lo personal prefiero esto último, algo asi:

Código PHP:

//init
$this->setOptions(array(
            'method' => Zend_Form::METHOD_POST,
            'elements' => array(
                'username' => array('text', array(
                    'label'    => 'Username',
                    'required' => true,
                    'filters'  => array('StripTags', 'StringTrim'),
                    'validators' => array(
                        array('StringLength', false, array(5)),
                        new GOU_Validate_Db_Doctrine2_NoRecordExists(
                            array(
                                'entity' => '\GOU\Entity\User',
                                'field' => 'username'
                            )
                        )
                    )
                )),
                'email' => array('text', array(
                    'label'    => 'Email',
                    'required' => true,
                    'filters'  => array('StripTags', 'StringTrim'),
                    'validators' => array(
                        array('EmailAddress'),
                        new GOU_Validate_Db_Doctrine2_NoRecordExists(
                            array(
                                'entity' => '\GOU\Entity\User',
                                'field' => 'email'
                            )
                        )                       
                    )
                )),
               ...
 

En cuanto a los scripts, deberían estar en un fichero aparte y cargarlos con el view helper headScript y te sugiero que el javascript no sea intrusivo, en vez de setear en el select el onchange, asignale un id al select y luego con jQuery le asignas el evento onchange.

Saludos.

[castrovega7]

Pero tal y como muestro el código en mi último post, no debería funcionar? en teoría estoy poniendo el valor del registerIn a false no?

PD: no es por dar el coñazo, pero es que me he tirado como 3 días enteros intentando resolver esto y ahora no me quiero quedar con la duda jaja

[masterpuppet]

el método es Zend_Form_Element::setRegisterInArrayValidator el que estas utilizando en ese ejemplo es el accessor(getter).

[castrovega7]

Ok, gracias por las rápidas respuestas y los consejos.