将HTML标签附加或预先添加到Zend表单元素

时间:2010-10-03 01:29:06

标签: zend-framework zend-form zend-form-element zend-decorators

出于样式设计的目的,我需要在一个元素的开头放置一个开头<div>,在另一个元素的末尾放置一个结束</div>标签。查看HtmlDecorator的文档,我似乎无法弄清楚如何正确使用它,或者这是否是正确的装饰器。为了达到这个目的,必须创建自己的装饰器似乎很浪费。

2 个答案:

答案 0 :(得分:16)

在要添加&lt; div&gt;的元素上,添加此装饰器:

array(
    array('openDiv' =>'HtmlTag'),
    array('tag' => 'div', 'openOnly' => true)
)

在要添加&lt; / div&gt;的元素上,添加此装饰器:

array(
    array('closeDiv' =>'HtmlTag'),
    array('tag' => 'div', 'closeOnly' => true)
)

答案 1 :(得分:7)

听起来你可以使用带有HtmlTag装饰的display group

类似的东西:

$form = new Zend_Form();

$form->addElement('text', 'elt1', array(
    'label' => 'Element 1',
));
$form->addElement('text', 'elt2', array(
    'label' => 'Element 2',
));

$form->addDisplayGroup(array('elt1', 'elt2'), 'myDisplayGroup');
$group = $form->getDisplayGroup('myDisplayGroup');

$group->setDecorators(array(
   'FormElements',
   array('HtmlTag', array('tag' => 'div', 'class' => 'myClass'))
));

这产生HTML如下:

<form method="post" action="" enctype="application/x-www-form-urlencoded">
    <dl class="zend_form">
        <div class="myClass">
            <dt id="elt1-label"><label class="optional" for="elt1">Element 1</label></dt>
            <dd id="elt1-element"><input type="text" value="" id="elt1" name="elt1"></dd>
            <dt id="elt2-label"><label class="optional" for="elt2">Element 2</label></dt>
            <dd id="elt2-element"><input type="text" value="" id="elt2" name="elt2"></dd>
        </div>
    </dl>
</form>

当然,干扰&lt; div&gt;标记内所有&lt; dl&gt;,&lt; dt&gt;和&lt; dd&gt;疯狂产生无效标记,但我假设您为表单元素指定了不同的装饰器,以便&lt; div&gt;包裹你的愿望最终会有效。

更常见的标记操作也值得注意的是AnyMarkup Decorator