Zend框架的形式裝飾

Question

我試圖讓使用裝飾佈局如下：

<form action="/index/login" method="post" id="login_form">    
     <div class="input_row"> 
      <img src="/images/user_icon.png" class="login_icon" alt=""/>     
      <label for="username" class="login_label">Username:</label>     
      <input type="text" name="username" value="" id="username" class="login_input" />        
     </div> 
     <div class="input_row"> 
      <img src="/images/password_icon.png" class="login_icon" alt=""/> 
      <label for="password" class="login_label">Password:</label>     
      <input type="password" name="password" value="" id="password" class="login_input" />      
     </div> 
     <div class="input_row"> 
      <input type="submit" name="login_submit" value="Login" class="login_submit" /> 
     </div> 
    </form> 

我有這個至今：

$form = new Zend_Form; 

    $form->setAction('/index/login') 
     ->setMethod('post') 
     ->setAttrib('id', 'login_form'); 

    $username = $form->createElement('text', 'username'); 
    $username->addValidator('alnum') 
      ->setRequired(TRUE) 
      ->setLabel('Username') 
      ->setAttrib('class', 'login_input'); 


    $username->setDecorators(array(
      'ViewHelper', 
      'Errors', 
      array('Label',array('class' => 'login_label')), 
      array('row' => 'HtmlTag'), array('tag' => 'div', 'class' => 'input_row') 
     )); 


    $form->addElement($username) 
     ->addElement('submit', 'login', array('label' => 'Login'));   

我怎樣在標籤上面的標籤？

謝謝！

Answer 1

你可以檢查出AnyMarkup裝飾：

http://www.zfsnippets.com/snippets/view/id/62/anymarkup-decorator

Answer 2

我準備這應該是解決你的問題有幫助的例子。那就是：

$form = new Zend_Form; 

    $form->removeDecorator('htmlTag'); 

    $form->setAction('/index/login') 
      ->setMethod('post') 
      ->setAttrib('id', 'login_form'); 

    $username = $form->createElement('text', 'username'); 

    $username->addValidator('alnum') 
      ->setRequired(TRUE) 
      ->setLabel('Username') 
      ->setAttrib('class', 'login_input'); 


    // anonymous function that will generate your image tag 
    $makeImg = function($content, $element, array $options) { 
       return '<img src="/images/' . $options['img'] . '" class="' . $options['class'] . ' " alt=""/> '; 
      }; 


    $username->setDecorators(array(
     'ViewHelper', 
     'Errors', 
     array('Label', array('class' => 'login_label')), 
     array('Callback', 
      array(
       'callback' => $makeImg, 
       'img' => 'user_icon.png', 
       'class' => 'login_icon',      
       'placement' => 'PREPEND' 
      ) 
     ), 
     array('HtmlTag', array('tag' => null, 'class' => 'input_row')), 
    )); 

    $form->addElement($username); 


    $submit = $form->createElement('submit', 'login', array(
       'label' => 'Login', 
       'class' => 'login_submit' 
        ) 
    ); 


    $submit->setDecorators(array(
     'ViewHelper', 
     'Errors', 
     array('HtmlTag', array('tag' => null, 'class' => 'input_row')), 
    )); 

    $form->addElement($submit); 

形式生成下面的HTML（我沒有生成的密碼字段作爲您的Zend_Form的代碼不包含它）：

<form id="login_form" enctype="application/x-www-form-urlencoded" action="/index/login" method="post"> 
     <div class="input_row"> 
     <img src="/images/user_icon.png" class="login_icon " alt=""> 
     <label for="username" class="login_label required">Username</label> 
     <input type="text" name="username" id="username" value="" class="login_input"> 
     </div> 
     <div class="input_row"> 
     <input type="submit" name="login" id="login" value="Login" class="login_submit"> 
     </div> 
    </form> 

值得一提的是，我用Callback裝飾。有了這個裝飾器，你可以調用任何可以用來將自定義html注入到表單中的函數。在這個例子中，我創建了一個anonymous函數，我將其分配給$makeImg變量（爲此，您需要PHP 5.3，但在舊版本的PHP中，您也可以這樣做，但使用例如create_function函數）。這$makeImg變量是我的回調。可以看出該函數生成您的img html標籤。

希望這會對你有所幫助。

Answer 3

您可以使用表單裝飾

添加元素集setDecorators這裏之後，你婉告訴你可以寫HTML。

$this->addElements(array( 
      $id, 
      $group_id, 
      $content_name, 
      $title, 
      $content, 
      $tags, 
      $status, 
      $Publish 
     )); 

     $this->setDecorators(array(array('viewScript', array('viewScript' => 'admin/articleFormDecorator.phtml'))));