[SOLUCIONADO] formas de usar decordador ViewScript

[wilmer30]

Hola, Me estoy rompiendo la cabeza por querer armar esto con decorator viewScript, esto es lo que deseo hacer:

Código HTML:

<form id="login">
    <h1>Restrici&oacute;n</h1>
    <fieldset id="inputs">
        <input id="username" placeholder="Username" autofocus required type="text">   
        <input id="password" placeholder="Password" required type="password">
    </fieldset>
    <fieldset id="actions">
        <input id="submit" value="Aceptar" type="submit">
        <a href="">Reg&iacute;strate</a>
    </fieldset>
</form>
 

y este es mi form:

Código PHP:

class Application_Form_LoginForm extends Zend_Form {
    
    public function init() {
        
        $this->setDisableLoadDefaultDecorators(true);
        
        $this->setDecorators(array(
                array ('ViewScript',    array('viewScript'  => 'login/_login.phtml' )),
                array ('HtmlTag',       array ('tag' => 'dl','id' => 'login' ) ),
                array ('Description',   array ('placement' => 'prepend') ),
                'Form'
        ));
        
        
        $this->setMethod('post');
        $this->setAction('');
        
        
        $username = $this->addElement ( 'text', 'username', array (
                'filters' => array ( 'StringTrim',  'StringToLower' ),
                'validators' => array ( 'Alpha', array ( 'StringLength',false, array (  3,20 ) ) ),
                'required' => true,
                'label' => 'Usuario:' 
        ) );
        
        $password = $this->addElement ( 'password', 'password', array (
                'filters' => array ('StringTrim'),
                'validators' => array ('Alnum', array ( 'StringLength', false,  array ( 6,  20 ) ) ),
                'required' => true,
                'label' => 'Contraseña:' 
        ) );
        
        
        $login = $this->addElement ( 'submit', 'login', array (
                'required' => false,
                'ignore' => true,
                'label' => 'Ingresar'               
        ) );
//      'decorators' => array(
//              'ViewHelper',
//              array ('HtmlTag',   array ('tag' => 'dl','id' => 'login' ) ) )
        // We want to display a 'failed authentication' message if necessary;
        // we'll do that with the form 'description', so we need to add that
        // decorator.
//      $this->addDecorators ( 
//              array ('FormElements',
//              array ('HtmlTag',       array ('tag' => 'dl','id' => 'login' ) ),
//              array ('Description',   array ('placement' => 'prepend') ),
//              'Form' 
//      ) );
    }
    
}
 

este mi _login.phtml

Código HTML:

<h1>Restrici&oacute;n</h1>
<fieldset id="inputs">
 
<?php echo $this->element->getElement('username'); ?>
<?php echo $this->element->password; ?>
 
</fieldset>
<fieldset id="actions">
<?php echo $this->element->getElement('login'); ?>
<a href="">Reg&iacute;strate</a>
</fieldset>
 

y mi salida es este, que es totalmente diferente:

Código HTML:

<form enctype="application/x-www-form-urlencoded" action="" method="post"><dl id="login">
 
<h1>Restrici&oacute;n</h1>
<fieldset id="inputs">
 
<dt id="username-label"><label for="username" class="required">Usuario:</label></dt>
<dd id="username-element">
<input type="text" name="username" id="username" value="" /></dd><dt id="password-label"><label for="password" class="required">Contraseña:</label></dt>
<dd id="password-element">
<input type="password" name="password" id="password" value="" /></dd>
</fieldset>
<fieldset id="actions">
<dt id="login-label">*</dt><dd id="login-element">
<input type="submit" name="login" id="login" value="Ingresar" /></dd><a href="">Reg&iacute;strate</a>
</fieldset>
 
</dl></form>
 

gracias de antemano

[masterpuppet]

Es porque si bien el form tiene el decorator ViewHelper el resto de elementos del form tiene los decorators que vienen por defecto, los cuales generan la salida que estas viendo, para obtener un markup "limpio" debes setear únicamente el decorator ViewHelper a los elementos del form.

Código PHP:

$form->setElementDecorators(array('ViewHelper'));
 

ten en cuenta que algo asi no genera label, description ni errors, todos estos elementos los tienes que manejar manualmente, lamentablemente no recuerdo el API pero esta todo dentro de Zend_Form_Element, era algo así:

Código PHP:

<?php echo $this->element->username; ?>
<?php if($this->element->username->hasErrors()) : ?>
<p class="errors"><?php echo $this->element->username->getErrorMessages(); ?></p>
<?php endif; ?>
 

Saludos.

[GatorV]

Usa setElementDecorators y pasa solo el viewHelper y Error decorators.

Saludos.

[wilmer30]

perdon mi ignorancia, entonces debería crearme una variable sea esta $form y a esta agregar setElementDecorators y el ViewHelper?

[GatorV]

No, $form se refiere a tu objeto de la forma actual, depende de como lo estés creando. También puedes usar setDecorators en el elemento mismo, o pasarle un elemento 'decorators' a tu array que crea el elemento con los decorators a usar.

Saludos.

[masterpuppet]

Agrégalo al final del init,

Código PHP:

public function init()
{
    ...
   $this->setElementDecorators(array('ViewHelper'));
}
 

[wilmer30]

ingrese :

Código PHP:

$this->setElementDecorators(array('ViewHelper',
                        array('HtmlTag',array('tag' => 'dl','id'=>'login'))));
 

pero no funciona, tambien ingresé esto:

Código PHP:

$login = $this->addElement ( 'submit', 'login', array (
                'required' => false,
                'ignore' => true,
                'label' => 'Ingresar',
                        'decorators' => array(
                                'ViewHelper',
                                array ('HtmlTag',   array ('tag' => 'dl','id' => 'login' ) ) )
        ) );
 

pero tampoco funcion, como podría arreglar este problema.

[GatorV]

Solamente debes de usar el ViewHelper, o en dado caso el Error, si sigues poniendo el HtmlTag te va a seguir "rompiendo" el markup.

[wilmer30]

he probado esto:

Código PHP:

$this->setElementDecorators(array('ViewHelper'));
 

tambien esto:

Código PHP:

$login = $this->addElement ( 'submit', 'login', array (
                'required' => false,
                'ignore' => true,
                'label' => 'Ingresar',
                'decorators' => array( 'ViewHelper' )
        ) );
 

y nada, no funciona

[GatorV]

Con setElementDecorators te debe de funcionar, ¿cual es el markup que te genera usando tu viewScript?

[wilmer30]

este es el resultado:

Código HTML:

<div id="content">
            <h1></h1>
            <form enctype="application/x-www-form-urlencoded" action="/login/process" method="post"><dl id="login">
 
<h1>Restrici&oacute;n</h1>
<fieldset id="inputs">
 
<dt id="username-label"><label for="username" class="required">Usuario:</label></dt>
<dd id="username-element">
<input type="text" name="username" id="username" value="" />
<ul class="errors"><li>Value is required and can't be empty</li></ul></dd><dt id="password-label"><label for="password" class="required">Contraseña:</label></dt>
<dd id="password-element">
<input type="password" name="password" id="password" value="" />
<ul class="errors"><li>Value is required and can't be empty</li></ul></dd>
</fieldset>
<fieldset id="actions">
<dt id="login-label"> </dt><dd id="login-element">
<input type="submit" name="login" id="login" value="Ingresar" /></dd><a href="">Reg&iacute;strate</a>
</fieldset>
 
</dl></form>        </div>
 

[GatorV]

¿Donde colocas el setElementDecorators?

[wilmer30]

lo coloco al final del init:

Código PHP:

public function init() {
        
......      
        $login = $this->addElement ( 'submit', 'login', array (
                'required' => false,
                'ignore' => true,
                'label' => 'Ingresar'
        ) );
        $this->setElementDecorators(array('ViewHelper'));
    }
 

[GatorV]

Esta muy raro, porque te sigue poniendo los <dt> y <dd>.

¿Seguro no agregas los elementos después de llamar a $this->setElement?

[wilmer30]

No, para nada, alguien por ahí me dice que no me complique con los decorators que divida el proyecto en modulos y cree css para cada módulos, pero yo tenía la idea de conocer esto de los decorators

[GatorV]

Pues los decorators es algo independiente de los módulos y del CSS...

Como te digo a mi me funciona bien usar el viewScript:

Código PHP:

class FooBar extends Zend_Form
{
    public function init()
    {
        $this->setMethod(Zend_Form::METHOD_POST);
        
        $this->addElement('text', 'foo', array(
            'required' => true,
            'filters' => array('StringTrim')
        ));
        $this->addElement('text', 'bar', array(
            'required' => true,
            'filters' => array('StringTrim'),
            'validators' => array(
                array('Float')
            )
        ));
        
        $this->addElement('submit', 'enviar', array(
            'ignore' => true,
            'label' => 'Guardar'
        ));
        
        $this->setElementDecorators(array(
            'ViewHelper'
        ));
        
        $this->setDecorators(array(
            'FormErrors',
            array('ViewScript', array('viewScript' => 'form.phtml')),
            'Form'
        ));
    }
}
 

Saludos.

[wilmer30]

pues la verdad no se donde pueda estar el problema: este es un completo de mi código LoginForm.php

Código PHP:

class Application_Form_LoginForm extends Zend_Form {
    
    public function init() {
        
        $this->setMethod(Zend_Form::METHOD_POST);
        $username = $this->addElement ( 'text', 'username', array (
                'filters' => array ( 'StringTrim',  'StringToLower' ),
                'validators' => array ( 'Alpha', array ( 'StringLength',false, array (  3,20 ) ) ),
                'required' => true,
                'label' => 'Usuario:' 
        ) );
        
        $password = $this->addElement ( 'password', 'password', array (
                'filters' => array ('StringTrim'),
                'validators' => array ('Alnum', array ( 'StringLength', false,  array ( 6,  20 ) ) ),
                'required' => true,
                'label' => 'Contraseña:' 
        ) );
        
        $login = $this->addElement ( 'submit', 'login', array (
                'required' => false,
                'ignore' => true,
                'label' => 'Ingresar'
        ) );
        $login = $this->addElement ( 'submit', 'login', array (
                'required' => false,
                'ignore' => true,
                'label' => 'Ingresar'
        ) );        
        
        $this->setElementDecorators(array('ViewHelper'));
        
        $this->setDecorators(array(
                array ('ViewScript',    array('viewScript'  => 'login/_login.phtml' )),
                array ('HtmlTag',       array ('tag' => 'dl','id' => 'login' ) ),
                array ('Description',   array ('placement' => 'prepend') ),
                'Form'
        ));
    }   
}
 

y este es el phtml _login.phtml

Código HTML:

<h1>Restrici&oacute;n</h1>
<fieldset id="inputs">
 
<?php echo $this->element->getElement('username'); ?>
<?php echo $this->element->password; ?>
 
</fieldset>
<fieldset id="actions">
<?php echo $this->element->getElement('login'); ?>
<a href="">Reg&iacute;strate</a>
</fieldset>
 

[GatorV]

Prueba poner los decorators de tu forma como los tengo en el ejemplo que te pase.

Luego en tu view script, basta con que hagas echo $this->element->username, no es necesario que uses $this->element->getElement.

Saludos.

[wilmer30]

Puse

Código PHP:

<?php echo $this->element->password; ?>
 

pero tampoco funciona.

Analizando mi problema, tengo:

Código PHP:

$this->setDecorators(array(
                array ('ViewScript',    array('viewScript'  => 'login/_login.phtml' )),
                array ('HtmlTag',       array ('tag' => 'dl','id' => 'login' ) ),
                array ('Description',   array ('placement' => 'prepend') ),
                'Form'
        ));
 

Con esto no consigo hacer

Código HTML:

<form enctype="application/x-www-form-urlencoded" action="/login/process" method="post"><dl id="login">
 

cuando lo que quiero es

Código HTML:

<form id="login">
 

pero tambien necesito generar:

Código HTML:

<input id="username" placeholder="Username" autofocus required type="text">
 

cuando lo que logro es:

Código HTML:

<input type="text" name="username" id="username" value="" />
 

ademas el boton en pantalla me muestra enorme y esto es lo que quiero:

Código HTML:

<input id="submit" value="Aceptar" type="submit">
 

y he logrado hacer esto:

Código HTML:

<input type="submit" name="login" id="login" value="Ingresar" />
 

debe haber algúna forma de maquetar como uno desea con css sus formularios

[GatorV]

Como te digo cambia los decorators de tu forma como el ejemplo que te pase.

Si quieres los otros atributos de tu input también los puedes agregar al usar addElement.

Saludos.

[wilmer30]

Cómo y dónde agregaría estos atributos

[GatorV]

En el addElement cuando agregas tú elemento.

Código PHP:

$this->addElement('text', 'foo', array(
            'required' => true,
            'filters' => array('StringTrim'),
            'placeholder' => 'Algo',
            'autofocus' => 'autofocus',
        ));
 

[wilmer30]

una consulta mas quiero ingresar esto:

Código HTML:

<input id="username" placeholder="Username" autofocus required type="text">
 

pero tengo dos required en el text:

Código PHP:

$username = $this->addElement ( 'text', 'username', array (
                'filters' => array ( 'StringTrim','StringToLower'),
                'placeholder' => 'Username','autofocus' => 'autofocus', 'required' => 'required',   //1 required
                'validators' => array ( 'Alpha', array ( 'StringLength',false, array (  3,20 ) ) ),
                'required' => true,                                                                 //2required
                'label' => 'Usuario:' 
        ) );
 

cómo hago que se muestre el required

[GatorV]

Puedes usar $username->setAttrib('required', 'required');

[wilmer30]

Inserta el required pero en:

Código PHP:

<form enctype="application/x-www-form-urlencoded" action="/login/process" method="post" required="required">
 

y no en el text.

[GatorV]

Una disculpa tienes que leer directo en el elemento, ejemplo:

Código PHP:

$this->addElement('text', 'foo');
$this->foo->setAttrib('required', 'required');
 

Saludos.

[wilmer30]

Se te agradece un monton, muchas por responder tan rápido