[ZF]Jak przepisać kod HTML dla formularza do Zend_Form Opcje

[amii]

Mam tak kod HTML odpowiadający za formularz logowania:

[PHP] pobierz, plaintext 
 <form action="<?php echo $this->url(array('module' => 'user', 'controller' => 'index', 'action' => 'login')) ?>" method="post" name="loginbox" id="loginbox">
 
<?php echo '<img alt="" src="img/input-left.png" height="28" width="14">'; ?><input class="input" onfocus="this.value='';" onblur="if(this.value==''){this.value='Twój login';}" size="20" id="konto_login_inputl" name="konto_login_input" value="Twój login" type="text"><?php echo '<img alt="" src="img/input-right.png" height="28" width="14">&nbsp;&nbsp;'; ?>
 
 
 <?php echo '<img alt="" src="img/input-left.png" height="28" width="14">'; ?><input class="input" onfocus="this.value='';this.type='password';" onblur="if(this.value==''){this.value='Has\u0142o';this.type='text';}" size="20" id="password_login_input" name="password_login_input" value="Hasło" type="password"><?php echo '<img alt="" src="img/input-right.png" height="28" width="14">'; ?> &nbsp;&nbsp;
 
 
<?php echo '<input src="img/btn-arrow-right.png" name="submit" alt="Zaloguj!" type="image">'; ?>			
</form>
[PHP] pobierz, plaintext 

Nie mam pomysłu jak przepisać do Zend_Form funkcje JS i zdjęcia. Na razie mam coś takiego:

[PHP] pobierz, plaintext 
class User_Form_Login extends Zend_Form {
 
    public function init() {
        $this->addElementPrefixPath('Suuper_Validators_', 'Suuper/Validators', 'validate');
        $this->addPrefixPath('Suuper_Form_Element_', 'Suuper/Form/Element', Zend_Form::ELEMENT);
        $this->addHead();
        $this->addFields();
    }
 
    private function addHead() {
        $this->setAction($this->getView()->url(array('module' => 'user',
                            'controller' => 'index', 'action' => 'login'), 'default', false))
                ->setMethod('post')
                ->setAttribs(array('id'=>'userLoginForm',
                    'class'=>'zend'));
    }
    private function addFields() {
 
        //konto
        $konto=new Suuper_Form_Element_Text('konto_login_input', array(
            'id' => 'konto_login_input',
            'maxlength' => '20',
            'required' => true
        ));
        $konto->setAttrib('class', 'input');
        $this->addElement($konto);
 
 
        //password
        $password=new Suuper_Form_Element_Password('password_login_input', array(
            'id' => 'password_login_input',
            'maxlength' => '14',
            'required' => true
        )); 
        $password->setAttrib('class', 'input');
        $this->addElement($password);
 
 
 
        $bs = $this->createElement('submit', 'btnSubmit');
        $bs->setAttrib('src', 'img/btn-arrow-right.png');
        $bs->setAttrib('alt', 'Zaloguj!');
        $this->addElement($bs);
    }
 
}
[PHP] pobierz, plaintext 

[doogi]

Jednym z rozwiązań jest zdefiniowanie w konstruktorze Twojej klasy User_Form_Login dekoratora ViewScript:

[PHP] pobierz, plaintext 
$this->setDecorators(array(
     array('ViewScript', array('viewScript' => 'forms/loginForm.phtml'))
 ));
[PHP] pobierz, plaintext 

gdzie podajesz ścieżkę do pliku widoku całego formularza (oczywiście domyślnie ścieżka względna od katalogu z innymi skryptami widoków w aplikacji). Przykładowy plik tego widoku może wyglądać następująco:

[HTML] pobierz, plaintext 
       <form id="<?php echo $this->element->getName(); ?>" action="<?php echo $this->element->getAction(); ?>" method="<?php echo $this->element->getMethod(); ?>">
            <dl>
                <?php echo $this->element->username; ?>
                <?php echo $this->element->password; ?>
                <?php echo $this->element->login; ?>
                <?php echo $this->element->csrf; ?>
            </dl>
        </form>
[HTML] pobierz, plaintext 

Tudzież może wzbogacić go o co tych chcesz

Dodatkowa dokumentacja na temat dekoratora ViewScript tutaj

Ten post edytował doogi 31.08.2011, 10:57:28

[KrzysiekWildfire]

Możesz także korzystać z dekoratorów - ja w taki sposób stworzyłem dynamiczne dodawanie zdjęć do tinymce pod formularzem.
w formularzu robisz tak:

[PHP] pobierz, plaintext 
$this->addElement('text','login',array(
  'required'=>true,
  'description'=>'<script>alert("ok")</script>',
  'decorators'=>array(
    array('viewHelper'),
    array('DtDdWrapper',array('dtLabel'=>'Login'),
    array('description',array('escape'=>false) //parametr escape zapewni, że możesz wsadzić html i js w to miejsce
  )
))
[PHP] pobierz, plaintext 

I będzie śmigać, możesz tam też wsadzić i obrazki i css'em je wymodelować, a submita możesz zrobić tak:

[PHP] pobierz, plaintext 
$base = new Zend_View_Helper_BaseUrl();
$this->addElement('image','submit',array(
  'ignore'=>true,
  'src'=>$base->getBaseUrl().'/images/submit.png',
  'decorators'=>array(
    array('viewHelper')
  )
));
[PHP] pobierz, plaintext 

I masz submita.