Zend Form - 在输入元素周围添加一个 <div>
Zend Form - Add a <div> around the input element
我正在使用 Zend Framework 2 Form 来呈现我的表单,并使用 Bootstrap 3 来设计它们的样式。
我想使用水平表单布局,如下所述:
Bootstrap 3 Forms tutorial
为此,我需要在输入元素周围添加一个带有适当 class 的 div;有什么简单的方法可以在将新元素添加到表单 class 时添加这样的 div 吗?到目前为止我的元素:
$this->add(array(
'name' => 'name',
'attributes' => array(
'type' => 'text',
'id' => 'contactName',
'maxlength' => '70',
'placeholder' => 'Your full name.',
'class' => 'form-control'
),
'options' => array(
'label' => 'Name: ',
'label_attributes' => array(
'class' => 'control-label col-xs-12 col-sm-2'
)
),
));
当我使用 <?php echo $this->formRow($this->form->get('name')); ?>
渲染输入元素时,我可以在此处添加任何内容以便轻松地在输入元素周围添加 <div class="col-xs-12 col-sm-10"></div>
吗?
我终于设法通过创建自定义视图助手解决了问题:
public function __invoke($element) {
echo '<div class="form-group">';
echo $this->view->formLabel($element);
echo '<div class="col-xs-12 col-sm-10">' . $this->view->formElement($element) . '</div>';
echo $this->view->formElementErrors($element);
echo '</div>';
}
虽然我仍然想知道是否有另一种更简单的方法来做到这一点!
我正在使用 Zend Framework 2 Form 来呈现我的表单,并使用 Bootstrap 3 来设计它们的样式。 我想使用水平表单布局,如下所述: Bootstrap 3 Forms tutorial
为此,我需要在输入元素周围添加一个带有适当 class 的 div;有什么简单的方法可以在将新元素添加到表单 class 时添加这样的 div 吗?到目前为止我的元素:
$this->add(array(
'name' => 'name',
'attributes' => array(
'type' => 'text',
'id' => 'contactName',
'maxlength' => '70',
'placeholder' => 'Your full name.',
'class' => 'form-control'
),
'options' => array(
'label' => 'Name: ',
'label_attributes' => array(
'class' => 'control-label col-xs-12 col-sm-2'
)
),
));
当我使用 <?php echo $this->formRow($this->form->get('name')); ?>
渲染输入元素时,我可以在此处添加任何内容以便轻松地在输入元素周围添加 <div class="col-xs-12 col-sm-10"></div>
吗?
我终于设法通过创建自定义视图助手解决了问题:
public function __invoke($element) {
echo '<div class="form-group">';
echo $this->view->formLabel($element);
echo '<div class="col-xs-12 col-sm-10">' . $this->view->formElement($element) . '</div>';
echo $this->view->formElementErrors($element);
echo '</div>';
}
虽然我仍然想知道是否有另一种更简单的方法来做到这一点!