Añadir otros elementos usando Zend_Form

[abimaelrc]

Saludos corillo,

Estoy estudiando la parte de Zend_Form y ya he podido añadir y editar datos. Ahora cuando el usuario sube una imagen me gustaria que si fueran a editar la informacion y la imagen la fueran a cambiar, me gustaria que saliera la imagen antes del boton de submit. Vi que se puede crear formularios usando ViewScript. Pero los ejemplos que vi todos crean el formulario completo, no se si se puede mezclar lo que he hecho el usar Zend_Form_Element_* y ViewScript. Si se puede me podrian brindar un ejemplo o alguna lectura sobre como hacerlo "mezclado".

Si existe otra forma de hacerlo me gustaria saberlo para estudiarlo.

Muchas gracias.

[masterpuppet]

No entendi muy bien la pregunta abimaelrc, pero te dejo un par de enlaces, sobre el uso de decorators(entre ellos viewscript), y en la documentación tenes un ejemplo de como aplicar viewscript a un elemento en concreto.
Igual te comento que si es algo parecido a un avatar se suele colocar la imagen en la descripción del file, jugando un poco con los decoratos, te dejo un ejemplo de esto último:

Código PHP:

class Application_Form_User extends Zend_Form
{
    public function init()
    {
        ...
        $this->addElement('file', 'file', array(            
            'decorators' => array(
                array('Description', array('tag' => 'p', 'class' => 'description', 'escape' => false)),
                array('File'),
                array('Errors'),
                array('HtmlTag', array('tag' => 'dd')),
                array('Label', array('tag' => 'dt'))
            ),
            'description' => '<img src="' . $this->getView()->baseUrl($this->getModel()->name) . '" alt="' . $this->getModel()->realname . '" />',             
        ));
        ...
    }
}
 

Agregado: luego de mirar el decorator del submit, lo podrias hacer asi:

Código PHP:

$this->addElement('submit', 'submit', array(
    'decorators' => array(
        array('Description', array('escape' => false)),
        array('Tooltip'),
        array('ViewHelper'),
        array('DtDdWrapper')
    ),
    'description' => '<img src="' . $this->getView()->baseUrl($this->getModel()->name) . '" alt="' . $this->getModel()->realname . '">'
 ));
 

Saludos.

[GatorV]

También puedes usar un ViewScript para decorar la forma por completo, por ejemplo:

Código PHP:

$this->setElementDecorators(array(
            'ViewHelper'
        ));
 
$this->setDecorators(array(
        'FormErrors',
            array('ViewScript', array('viewScript' => 'form.phtml')),
            'Form'
        ));
 

Luego tu script form.phtml puedes poner algo así:

Código PHP:

<table>
        <tr>
                <td>Nombre</td>
                <td><?php echo $this->element->login; ?></td>
        </tr>
</table>
 

Saludos.

[abimaelrc]

Muchas gracias, la idea que tomé por el momento es la de usar description, que va bastante de la mano con lo que quiero hacer.

Ahora tengo unas dudas con lo de ViewScript, ¿donde debo colocar el form.phtml? ¿Con ViewScript solo se pueden crear formularios completos o sea desde <form> hasta </form> o también puedo crear input solamente? Es decir vamos a suponer que tengo esto creado

Código PHP:

class Foo_Bar_Candy extends Zend_Form
{
    public function init()
    {
        $this->setAction('/foo/bar/candy')
            ->setEnctype('multipart/form-data')
            ->setMethod('post');
 
        $foo = new Zend_Form_Element_Text('foo');
        $foo->setLabel('Foo:')
            ->setOptions(array('size' => 30, 'maxlength' => 50))
            ->setRequired(true);
 
        $bar = new Zend_Form_Element_Textarea('bar');
        $bar->setLabel('Bar:')
            ->setOptions(array('rows' => 8, 'cols' => 50))
            ->setRequired(true)
            ->addFilter('StripTags')
            ->addFilter('StringTrim');
 
        /**
         * Esta es la parte que deseo cambiar usando ViewScript
         */
        $candy = new Zend_Form_Element_File('candy');
        $candy->setLabel('Candy:');
        /**
         * Hasta aquí
         */
 
        $submit = new Zend_Form_Element_Submit('submit');
        $submit->setLabel('Submit')
            ->setOptions(array('class' => 'submit'));
 
        // attach elements to form
        $this->addElement($foo)
            ->addElement($bar)
            ->addElement($candy)
            ->addElement($submit);
    }
}
 

¿Cómo haría para solo añadir con ViewScript el file?

@masterpuppet Gracias por los enlaces, ya los había leido los dos enlaces, de ahí fue que hice esta pregunta, porque los ejemplos que brindan son con formularios completos y no como el ejemplo que coloqué.

[masterpuppet]

El decorator ViewScript lo podes utilizar tanto para el form completo, que es el caso del primero link que te pase(la seccion dice algo asi como "Full Customization..."), como para un element, que es el caso del segundo link(la doc oficial), la ruta por defecto donde busca el .phtml es en script/views del modulo(aunque se puede setear otro modulo).

Te dejo un ejemplo ya que el elemento File es algo particular, el decorator File siempre ha de estar presente y la opción placement del viewscript debe estar a false.

application/forms/User.php

Código PHP:

class Application_Form_User extends Zend_Form
{
    public function init()
    {
        ...
        $this->addElement('file', 'candy', array(            
            'label' => 'Candy:'
            'decorators' => array(
                array('File'),
                array('ViewScript', array(
                    'viewScript' => '_element.phtml',                    
                    'placement' => false))
             ),
            'description' => '<img src="' . $this->getView()->baseUrl($this->getModel()->Image->name) . '" alt="' . $this->getModel()->Image->realname . '" >',             
        ));
        ...
    }
}
 

application/views/scripts/_element.phtml

Código HTML:

<label for="<?php echo $this->element->getName(); ?>" 
       class="element <?php if ($this->element->hasErrors()): ?> error <?php endif; ?>" 
       id="label_<?php echo $this->element->getName(); ?>">     
<span class="label"><?php echo $this->element->getLabel(); ?></span>
<span class="avatar"><?php echo $this->element->getDescription(); ?></span>
<?php echo $this->content; ?>
<?php if ($this->element->hasErrors()): ?>
    <span class="error">
        <?php echo $this->formErrors($this->element->getMessages()); ?>
    </span>
<?php endif; ?>
</label>l
 

Creo que esta todo, aunque se me puede haber pasado algo.

Saludos.

[abimaelrc]

Ok, ahora entiendo mejor.

Lo de colocar File en el decorator, me di cuenta cuando me salió ese mega mensaje de "exception". Pensaba que con ViewHelper se podía, pero en file es diferente porque hay que mencionar File como string o como array, la explicación de donde lo leí por primera vez no me convenció cuando la vi, pero funciona de esa forma .

Esta parte

Código PHP:

$this->getModel()->Image->name
 

Me produce un error

Method getModel does not exist

[abimaelrc]

Añado:
Estaba buscando y no he podido encontrar como añadir el valor de lo que brinda el populate a la imagen. Es decir, en el controlador uso algo como $form->populate($row); Eso llena automáticamente los valores, pero no he podido dar de como añadir a la imagen el valor de lo que trae el populate.

Edito:
Por ahora, viendo esta contestación http://zend-framework-community.6341....html#a1752181 es usar un setter para lograrlo, esto fue lo que hice

Código PHP:

<?php
class Foo_Bar_Candy extends Zend_Form
{
    private $_foo = '';
    private $_bar = '';
 
    public function setFoo($foo)
    {
        $this->_foo = $foo;
    }
 
    public function setBar($bar)
    {
        $this->_bar = $bar;
    }
 
    public function init()
    {
    $img = new Zend_Form_Element_File('candy');
    $img->setLabel('Candy:')
        ->setDecorators(
            array(
                array('Description', array('tag' => 'p', 'class' => 'description', 'escape' => false)),
                array('File'),
                array('Errors'),
                array(array('data' => 'HtmlTag'), array('tag' => 'dd')),
                array('Label', array('tag' => 'dt')),
            )
        )
        ->setDescription('<img src="/files/' . $this->_foo . '" alt="' . $this->_bar . '" />');
    }
}
 

En el constructor

Código PHP:

class Foo_BarController extends Zend_Controller_Action
{
    $foo = 'imagen.jpg';
    $bar = 'Titulo de la imagen';
    $this->view->form = new Foo_Bar_Candy(array('foo' => $foo, 'bar' => $bar));
}
 

Si hay otra forma, me gustaría saberlo para así aprender

[masterpuppet]

Es correcto abimaelrc, la otra forma es reescribir el constructor teniendo los cuidados del caso y agregar mas hooks(preBuild, postBuild, etc....), pero en este caso no creo que sea necesario.
Populate no te sirve porque lo que hace es asignar los values a los diferentes Elements.
Te dejo un par de sugerencias y es que uses las constantes de Zend_Form, por ejemplo en el method y el enctype, y las url's siempre deberían crearse con el view helper url, por ejemplo el action, algo asi:

Código PHP:

...
this->setAction($this->view->url(array(
         'module' => 'foo',
         'controller' => 'bar',
         'action'     => 'candy'
      )))
     ->setEnctype(Zend_Form::ENCTYPE_MULTIPART)
     ->setMethod(Zend_Form::METHOD_POST);
...
 

Saludos.

[abimaelrc]

Ok, gracias lo tendré en cuenta para estudiar más a fondo