問題描述

我知道我可以像這樣從每個元素中單獨刪除額外的東西

I know I can remove the extra stuff from each element individually like so

$button ->removeDecorator('DtDdWrapper')
        ->removeDecorator('HtmlTag')
     ->removeDecorator('Label');

我想知道我是否可以以 zend 形式為我的所有元素實現(xiàn)相同的效果?
以及如何刪除包裝表單的 dl?

I was wondering if I can achieve the same for all my elements in a zend form?
And how does one remove the dl wrapping the form?

推薦答案

Markus，這是我使用的一個解決方案，看起來效果很好，希望它適合你.

Markus, here is a solution that I use that seems to work well, hopefully it will be suitable for you.

首先，為了渲染沒有

標(biāo)簽的表單，我們需要在表單對象本身上設(shè)置裝飾器.從擴(kuò)展 Zend_Form 的類內(nèi)部，您將調(diào)用 Zend_Form->setDecorators() 傳遞表單裝飾器數(shù)組.

First, in order to render the form with no <dl> tag, we need to set the decorators on form object itself. From inside a class extending Zend_Form, you would call Zend_Form->setDecorators() passing an array of form decorators.

來自參考指南:

Zend_Form 的默認(rèn)裝飾器是 FormElements、HtmlTag(包裝在定義列表中)和 Form；創(chuàng)建它們的等效代碼如下:

  $form->setDecorators(array(
      'FormElements',
      array('HtmlTag', array('tag' => 'dl')),
      'Form'
  ));

要將表單包裝在 dl 以外的其他東西中，我們使用上述裝飾器，但將 dl 更改為您使用的任何標(biāo)記，我通常使用 form 類的 div> 我們稍后會看到.

To wrap the form in something other than a dl, we use the above decorators but change the dl to whatever tag you use, I typically use a div of class form which we will see later.

接下來，需要處理的元素.Zend_Form 元素對不同類型的元素有不同的裝飾器.以下各組元素類型都有自己獨特的裝飾器集:[Submit &按鈕]、[驗證碼]、[文件]、[圖像]和[收音機*].radio 的裝飾器與標(biāo)準(zhǔn)元素非常相似，只是它沒有在標(biāo)簽內(nèi)指定 for 屬性.

Next, the elements need to be dealt with. Zend_Form elements have different decorators for different types of elements. The following groups of element types each have their own distinct set of decorators: [Submit & Button], [Captcha], [File], [Image], and [Radio*]. The decorator for radio is very similar to standard elements except that it does not specify the for attribute inside the label.

所有其他表單元素、文本、密碼、選擇、復(fù)選框等都使用相同的默認(rèn)裝飾器集.

All other form elements, text, password, select, checkbox, etc use the same set of default decorators.

要從單個表單元素中刪除 dd/dt 標(biāo)簽，我們需要對其應(yīng)用我們自己的一組裝飾器.下面是一個不使用 dd/dt 標(biāo)簽的例子:

To remove the dd/dt tags from an individual form element we would need to apply our own set of decorators to it. Here is an example that does not use dd/dt tags:

array(
    'ViewHelper',
    'Errors',
    array('Description', array('tag' => 'p', 'class' => 'description')),
    array('HtmlTag',     array('class' => 'form-div')),
    array('Label',       array('class' => 'form-label'))
);

這會將每個表單元素包裝在一個帶有 form-div 類的 div 標(biāo)簽中.問題是，您必須將這組裝飾器應(yīng)用于您不想包含在 dd/dt 標(biāo)簽中的每個元素，這可能會有點問題.

This will wrap each form element in a div tag with the class form-div. The problem is, you have to apply this set of decorators to EVERY element that you don't want to be wrapped in the dd/dt tags which can be a bit problematic.

為了解決這個問題，我創(chuàng)建了一個從 Zend_Form 擴(kuò)展的類，并賦予它一些與 Zend_Form 的默認(rèn)裝飾器不同的默認(rèn)行為和裝飾器.

To solve this issue, I create a class that extends from Zend_Form and give it some default behavior and decorators that are different from the default decorators for Zend_Form.

雖然我們不能讓 Zend_Form 自動將正確的裝飾器分配給特定的元素類型(您可以將它們分配給特定的元素名稱)，但我們可以設(shè)置一個默認(rèn)值，并讓我們自己輕松訪問一個地方的裝飾器，所以如果他們需要改變，他們可以很容易地改變所有形式.

While we can't quite have Zend_Form automatically assign the correct decorators to specific element types (you can assign them to specific element names), we can set a default, and give ourselves easy access to the decorators from one place, so if they need to change, they can be easily changed for all forms.

這是基類:

<?php

class Application_Form_Base extends Zend_Form
{
    /** @var array Decorators to use for standard form elements */
    // these will be applied to our text, password, select, checkbox and radio elements by default
    public $elementDecorators = array(
        'ViewHelper',
        'Errors',
        array('Description', array('tag' => 'p', 'class' => 'description')),
        array('HtmlTag',     array('class' => 'form-div')),
        array('Label',       array('class' => 'form-label', 'requiredSuffix' => '*'))
    );

    /** @var array Decorators for File input elements */
    // these will be used for file elements
    public $fileDecorators = array(
        'File',
        'Errors',
        array('Description', array('tag' => 'p', 'class' => 'description')),
        array('HtmlTag',     array('class' => 'form-div')),
        array('Label',       array('class' => 'form-label', 'requiredSuffix' => '*'))
    );

    /** @var array Decorator to use for standard for elements except do not wrap in HtmlTag */
    // this array gets set up in the constructor 
    // this can be used if you do not want an element wrapped in a div tag at all
    public $elementDecoratorsNoTag = array();

    /** @var array Decorators for button and submit elements */
    // decorators that will be used for submit and button elements
    public $buttonDecorators = array(
        'ViewHelper',
        array('HtmlTag', array('tag' => 'div', 'class' => 'form-button'))
    );


    public function __construct()
    {
        // first set up the $elementDecoratorsNoTag decorator, this is a copy of our regular element decorators, but do not get wrapped in a div tag
        foreach($this->elementDecorators as $decorator) {
            if (is_array($decorator) && $decorator[0] == 'HtmlTag') {
                continue; // skip copying this value to the decorator
            }
            $this->elementDecoratorsNoTag[] = $decorator;
        }

        // set the decorator for the form itself, this wraps the <form> elements in a div tag instead of a dl tag 
        $this->setDecorators(array(
                             'FormElements',
                             array('HtmlTag', array('tag' => 'div', 'class' => 'form')),
                             'Form'));

        // set the default decorators to our element decorators, any elements added to the form
        // will use these decorators
        $this->setElementDecorators($this->elementDecorators);

        parent::__construct();
        // parent::__construct must be called last because it calls $form->init()
        // and anything after it is not executed
    }
}

/*
   Zend_Form_Element default decorators:
   $this->addDecorator('ViewHelper')
        ->addDecorator('Errors')
        ->addDecorator('Description', array('tag' => 'p', 'class' => 'description'))
        ->addDecorator('HtmlTag', array('tag' => 'dd',
                                        'id'  => array('callback' => $getId)))
        ->addDecorator('Label', array('tag' => 'dt'));
*/

現(xiàn)在要使用這個類，從這個基類擴(kuò)展所有的表單，然后像往常一樣分配元素.如果您使用 Zend_Form_Element_XXX 而不是 addElement() 那么您將需要將裝飾器之一作為選項傳遞給元素構(gòu)造函數(shù)，如果您使用 Zend_Form->addElement，然后它將使用我們在類中分配的默認(rèn)裝飾器 $elementDecorators.

Now to use the class, extend all of your forms from this base class and go about assigning elements as usual. If you use Zend_Form_Element_XXX as opposed to addElement() then you will need to pass one of the decorators as an option to the element constructor, if you use Zend_Form->addElement, then it will use the default decorator $elementDecorators we assigned in the class.

這是一個示例，展示了如何從該類進(jìn)行擴(kuò)展:

Here is an example that shows how to extend from that class:

<?php

class Application_Form_Test extends Application_Form_Base
{
    public function init()
    {
        // Add a text element, this will automatically use Application_Form_Base->elementDecorators for its decorators
        $this->addElement('text', 'username', array(
            'label'      => 'User Name:',
            'required'   => false,
            'filters'    => array('StringTrim'),
        ));

        // This will not use the correct decorators unless we specify them directly
        $text2 = new Zend_Form_Element_Text(
            'text2',
            array(
                'decorators' => $this->elementDecorators, // must give the right decorator
                'label' => 'Text 2'
            )
        );

        $this->addElement($text2);

        // add another element, this also uses $elementDecorators
        $this->addElement('text', 'email', array(
            'label'      => 'Email:', 
            'required'   => false,
            'filters'    => array('StringTrim', 'StringToLower'), 
        ));

        // add a submit button, we don't want to use $elementDecorators, so pass the button decorators instead
        $this->addElement('submit', 'submit', array(
            'label' => 'Continue', 
            'decorators' => $this->buttonDecorators // specify the button decorators
        ));
    }
}

這顯示了一種非常有效的方法來擺脫 dd/dt 和 dl 元素并將它們替換為您自己的元素.必須為每個元素指定裝飾器有點不方便，而不是能夠為特定元素分配裝飾器，但這似乎工作得很好.

This shows a pretty effective way to get rid of the dd/dt and dl elements and replace them with your own. It is a bit inconvenient to have to specify the decorators for every element, as opposed to being able to assign decorators to specific elements, but this seems to work well.

再添加一個我認(rèn)為您想要做的解決方案，如果您想渲染一個沒有標(biāo)簽的元素，只需創(chuàng)建一個新的裝飾器并像這樣省略標(biāo)簽裝飾器:

To add one more solution that I think you were looking to do, if you would like to render an element with no label, simply create a new decorator and omit the label decorator from it like this:

$elementDecorators = array(
    'ViewHelper',
    'Errors',
    array('Description', array('tag' => 'p', 'class' => 'description')),
    array('HtmlTag',     array('class' => 'form-div')),
    // array('Label',       array('class' => 'form-label', 'requiredSuffix' => '*'))
    // comment out or remove the Label decorator from the element in question
    // you can do the same for any of the decorators if you don't want them rendered
);

請隨時要求澄清任何事情，希望這能幫助您.

Feel free to ask for clarification on anything, hopefully this will help you out.

這篇關(guān)于如何刪除 Zend 表單元素上的所有 DtDdWrappers 和標(biāo)簽的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網(wǎng)！

【網(wǎng)站聲明】本站部分內(nèi)容來源于互聯(lián)網(wǎng),旨在幫助大家更快的解決問題，如果有圖片或者內(nèi)容侵犯了您的權(quán)益，請聯(lián)系我們刪除處理，感謝您的支持！