Question

我对在zend中设计表单有些困惑。我知道我的表单类中有字段，外观应该在视图中完成。

在几乎是纯html的索引视图中，我没有问题，但是在显示我的表单的添加和编辑视图中，我在更改外观方面遇到了问题。

我有一个如下的视图脚本：

 <?php
$title = 'AVB ändern';        
$this->headTitle($title);
?>
<h1><?= $this->escapeHtml($title) ?></h1>
<?php

$id= $form->get('id');
$id->setAttribute('class', 'form-control');
$id->setAttribute('placeholder', 'id');

$avbname= $form->get('avbname');
$avbname->setAttribute('class', 'form-control');
$avbname->setAttribute('placeholder', 'avbname');

$vbedingungen= $form->get('vbedingungen');
$vbedingungen->setAttribute('class', 'form-control');
$vbedingungen->setAttribute('placeholder', 'vbedingungen');

$versichererid= $form->get('versichererid');
$versichererid->setAttribute('class', 'form-control');
$versichererid->setAttribute('placeholder', 'versichererid');

$aktiv= $form->get('aktiv');
$aktiv->setAttribute('class', 'form-control');
$aktiv->setAttribute('placeholder', 'aktiv');

$submit = $form->get('submit');
$submit->setAttribute('class', 'btn btn-primary');


$form->prepare();

echo $this->form()->openTag($form);
?>
<div class="form-group">
    <?= $this->formElement($id) ?>
    <?= $this->formElementErrors()->render($id, ['class' => 'help-block']) ?>
</div>

<div class="form-group">
    <?= $this->formLabel($avbname) ?>
    <?= $this->formElement($avbname) ?>
    <?= $this->formElementErrors()->render($avbname, ['class' => 'help-block']) ?>
</div>

<div class="form-group">
    <?= $this->formLabel($vbedingungen) ?>
    <?= $this->formElement($vbedingungen) ?>
    <?= $this->formElementErrors()->render($vbedingungen, ['class' => 'help-block']) ?>
</div>

<div class="form-group">
    <?= $this->formLabel($versichererid) ?>
    <?= $this->formElement($versichererid) ?>
    <?= $this->formElementErrors()->render($versichererid, ['class' => 'help-block']) ?>
</div>

<div class="form-group">
    <?= $this->formLabel($aktiv) ?>
    <?= $this->formElement($aktiv) ?>
    <?= $this->formElementErrors()->render($aktiv, s['class' => 'help-block']) ?>
</div>

<?php
echo $this->formSubmit($submit);
echo $this->formHidden($form->get('id'));      
$form->setAttribute('action', $this->url('typavb', ['action' => 'edit']));    
echo $this->form()->closeTag();

当然，它在另一个字段下面显示了一个字段。如何连续显示两个字段（带有标签）？我真的很希望看到一个示例或一个好的教程的提示，这些示例或提示显示了如何使用zend3概念正确地进行操作。

在视图中是否是正确的放置位置？或者在这种情况下是否需要新的layout.phtml？

Answer 1

要分别打印Elements的各个部分，ZF中有几个预定义的功能。您可以在\Zend\Form\ConfigProvider->getViewHelperConfig()中找到所有它们，请参见here on Github。

对于您而言，您已经在使用formLabel，formElement和formElementErrors。

如果您有类似“货币”之类的东西，这些便很方便使用，您希望用户既填写金额并选择货币，但仅使用单个标签，例如：

$this->formLabel($form->get('amount'));
$this->formElement($form->get('amount'));
$this->formElementErrors($form->get('amount'));
$this->formElement($form->get('currency'));
$this->formElementErrors($form->get('currency'));

整个“表单行”由以下内容组成：

标签（可选）
元素
ElementErrors（如果在服务器端验证之后出现）

因此，在此示例中，您需要整个“金额”位，因此可以将以上内容缩短为：

$this->formRow($form->get('amount'));             // prints all elements for the row
$this->formElement($form->get('currency'));
$this->formElementErrors($form->get('currency'));

如果您仔细查看链接的“ zendframework / zend-form”的ConfigProvider，您可能会发现还有一个form ViewHelper。可以用于一次打印整个表格，就像这样：

文件：add-foo.phtml

    <?= $this->form($form) ?>

就是这样。它打印整个表格。当然，它使用ZF定义的ViewHelpers，同样也应用了布局和类。

如果您愿意，可以采用该配置并在您自己的项目中覆盖它。

例如，您的问题代码显示您在每行周围添加<div class="form-group"></div>。大概是Bootstrap 4的。要神奇地做到这一点，因此您不必这样做：

    <div class="form-group">
        <?= $this->formRow($form->get('foo')) ?>
    </div>

我们可以调整formRow ViewHelper。只需执行以下步骤：

在您自己的项目中创建一个FormRow.php，例如module/Foo/src/View/Helper/FormRow.phtml
确保从ZF的FormRow扩展它，并复制到原始（ZF）render函数中，如下所示：

    use Zend\Form\View\Helper\FormRow as ZendFormRow;

    class FormRow extends ZendFormRow
    {
        public function render(ElementInterface $element, $labelPosition = null)
        {
            // its content
        }
    }

我们要添加一个包装器（form-group类div），因此请在类中对其进行定义，如下所示：

    class FormRow extends ZendFormRow
    {
        protected $inputRow = '<div class="form-group">%s</div>';
        // the other stuff
    }

在render函数的底部，您将找到以下代码（在else之前）：

    if ($this->renderErrors) {
        $markup .= $elementErrors;
    }

放置在上述位置之后

    $markup = sprintf(
        $this->inputRow,
        $markup,
    );

使用与ZF相同的别名注册新的ViewHelper，以覆盖值：

    'view_helpers'    => [
        'aliases'    => [
            'formrow'             => FormRow::class,
            'form_row'            => FormRow::class,
            'formRow'             => FormRow::class,
            'FormRow'             => FormRow::class,
        ],
        'factories'  => [
            FormRow::class           => InvokableFactory::class,
        ],
    ],

完成。

现在，当您执行$this->form($form)时，ZendFramework的FormElement ViewHelper将会在工厂执行formRow时收到自定义的->get('formRow') ViewHelper，因为配置将覆盖您自己的配置。这样，所有行现在都将自动具有周围的div。

比您要求的更多，但是要乐在其中;）我现在将停止工作，O：）

了解zend中的网格布局

1 个答案: