【ZendFramework】Zend_Formでテーブルでレイアウトしたい

Tweet

Category php 2010/03/20

Zend_Formを使って、テーブルでレイアウトする。

全部お任せするとこうなる

こんな風に、dl,dt,ddを使ったHTMLになる。

<form method="post" action="">
<dl>
<dt>会社名</dt>
<dd><input type="text" name="name" value="" /></dd>
<dt>取引先コード</dt>
<dd><input type="text" name="code" value="" /></dd>
...（いろいろ省略してます）

特別に事情がない場合は、このHTMLのままでも、見せ方はスタイルシートで何とかなる。

フォームの要素ごとに表示することもできる

フォームの各要素に対して、デフォルトではdtだったのをthで、デフォルトではddだったのをtdで、さらにそれをtrで囲んでもらうように設定。その周りのformタグは、自分で書いてもよいし、Zend_Formに書いてもらう方法もある。

フォームの設定はこう。フォームの定義にて、要素を追加した後で、要素のDecoratorを設定する。

class Application_Form_TestForm extends Zend_Form
{
	public function init()
	{
		//（要素追加部分省略）
		//（要素追加部分省略）
		//（要素追加部分省略）

		//要素を追加した後で
		$this->setElementDecorators(array(
			'ViewHelper',
			'Errors',
			array('decorator' => 'Description', 'options' => array('tag' => 'p', 'class' => 'description')),
			array('decorator' => 'HtmlTag', 'options' => array('tag' => 'td')),
			array('decorator' => 'Label', 'options' => array('tag' => 'th')),
			array('decorator' => array('OuterHtmlTag' => 'HtmlTag'), 'options' => array('tag' => 'tr')),
		));
	}
}

Viewスクリプトでこうする（一例）

<form>
<table>
<?php echo $this->form->getElement('name'); ?>
<?php echo $this->form->getElement('code') ?>
<?php echo $this->form->getElement('email') ?>
<?php echo $this->form->getElement('tantosha') ?>
<?php echo $this->form->getElement('note') ?>
</table>
<p><input type="submit" value="登録する" /></p>
</form>

Zend_Form テーブルレイアウト例

この場合、エラーの表示とボタンの表示に難あり。そのため「登録する」ボタンを自分で書いている。ボタンが困ったことになる現象と対策について、詳細はマニュアル参照。

セルを結合したりして、もっと自由にレイアウトしたいときどうするか？また次回。