Zend_Form:如何添加自定义HTML

时间:2010-11-08 02:09:47

标签: php zend-framework zend-form

我正忙着使用zend_form创建一个表单来向网站添加页面。此表单适用于CMS。

这是代码:

public function init()
{
        // display errors on top
        $this->setDecorators(array(
            array('FormErrors', array('markupElementLabelEnd' =>'', 'markupElementLabelStart' =>'')),
            'FormElements',
            array('HtmlTag', array('tag' => 'dl', 'class' => 'zend_form')),
            'Form'
        ));

        // Set standard properties
        $this->setName('Admin_Form_Addpage')
             ->setAction("");


        // Textbox for the page title. The textbox is required
        $title = new Zend_Form_Element_Text('title');
        $title->setLabel('Title')
              ->setAttrib('placeholder', 'Title')
              ->setAttrib('autofocus', "")
              ->setRequired();

        // WYSIWYG editor
        $wysiwyg = new Zend_Form_Element_Textarea('pagecontent');
        $wysiwyg->setLabel('Content')
                ->setRequired();

        // Advanced CSS
        $css = new Zend_Form_Element_Textarea('css');
        $css->setLabel('CSS')
            ->setAttrib('rows', 10)
            ->setAttrib('cols', 60);

        // Advanced JS
        $js = new Zend_Form_Element_Textarea('js');
        $js->setLabel('Java Script')
           ->setAttrib('rows', 10)
           ->setAttrib('cols', 60);

        // Build form
        $this->addElement($title)
             ->addElement($wysiwyg)


             // Add submit button
             ->addElement('submit', 'add', array('label' => 'Add'))
             ->addElement($css)
             ->addElement($js)
             ->addDisplayGroup(array('css','js'), 'advanced',array('disableLoadDefaultDecorators' => true));

        $advanced = $this->getDisplayGroup('advanced');
        $advanced->setDecorators(array(
            'FormElements',
            array('HtmlTag', array('tag' => 'div', 'id' => 'div_advanced'))
        ));

         /**
         * Remove Errors decorator from all elements
         * so that they don't also display them
         */
        foreach ($this->getElements() as $element) {
            $element->removeDecorator('Errors');
 }

现在我想用jQuery切换高级组件。但要实现这一点,我需要一个链接。

所以我的问题是,是否有人知道如何做到这一点?或者更好的是有一个自定义表单元素可以添加所有类型的HTML?

谢谢,

Ivo Trompert

2 个答案:

答案 0 :(得分:3)

如果您的高级jquery脚本与某个特定元素相关 - 您可以使用ViewScript来装饰它。它允许您将任何html应用于当前元素。

答案 1 :(得分:1)

您可以通过几种方式向Zend_Form添加HTML。我看到你已经使用了装饰器和HtmlTag,这很好。您是否也看过DivTag,Label和我的个人喜欢,描述?

$this->addDecorators(array(
array('ViewHelper'),
array('Errors'),
array('Description', array('tag' => 'p', 'class' => 'description')),
array('HtmlTag', array('tag' => 'dd')),
array('Label', array('tag' => 'dt')),

));

使用它们的组合应该允许您向表单添加基本HTML并添加div,类和ID。 Zend Form Elements