ZendX_JQuery の dialogContainer ビュー ヘルパーを使用してモーダル ウィンドウを生成し、ユーザーが指定された情報 (メッセージの送信など) を入力できるようにしたいと考えています。この方法で dialogContainer ビュー ヘルパーを使用しようとしています。
まず、ZendX ライブラリをアプリケーション ライブラリ フォルダに含めます。
次に、Bootstrap.php ファイル内の initViewHelper メソッドに次の行を含めます。
"$view->addHelperPath('ZendX/JQuery/View/Helper/', 'ZendX_JQuery_View_Helper');"
3 番目に、layout.phtml で js の次の条件付き有効化を追加します。
"<?php if($this->jQuery()->isEnabled()){
$this->jQuery()->setLocalPath($this->baseUrl()
.'/js/jquery/js/jquery-1.4.2.min.js')
->setUiLocalPath($this->baseUrl()
.'/js/jquery/js/jquery-ui-1.8.custom.min.js')
->addStylesheet($this->baseUrl()
.'/js/jquery/css/ui-lightness/jquery-ui-1.8.custom.css');
echo $this->jQuery();
}
?>"
4 番目に、ZendX_JQuery_Form を拡張して Application_Form_JQueryForm を作成します。
"<?php
class Application_Form_JQueryForm extends ZendX_JQuery_Form
{
private $form;
public function init()
{
$this->form = $this->setAction(Zend_Controller_Front::getInstance()->getBaseUrl() . '/index/index')
->setMethod('post');
$this->form->setDecorators(array(
'FormElements',
'Form',
array ('DialogContainer', array(
'id' => 'tabContainer',
'style' => 'width: 600px;',
'title' => 'Send a private message to Kalle',
'JQueryParams' => array(
'tabPosition' => 'top',
),
)),
));
$topic = new Zend_Form_Element_Text('topic');
$topic->setValue('topic')
->setRequired(true)
->setValidators(array('validators' => array(
'validator' => 'StringLength',
'options' => array(1,15)
)))
->setDecorators(array(
'ViewHelper',
'Description',
'Errors',
array('HtmlTag', array('tag' => 'dl'))));
$textarea = new Zend_Form_Element_Textarea('textarea');
$textarea->setValue('post a comment')
->setAttribs(array(
'rows' => 4,
'cols' => 20
))
->setRequired(true)
->setValidators(array('validators' => array(
'validator' => 'StringLength',
'options' => array(1,15)
)))
->setDecorators(array(
'ViewHelper',
'Description',
'Errors',
array('HtmlTag', array('tag' => 'dl'))));
$submit = new Zend_Form_Element_Submit('submit');
$submit->setLabel('Send your comment')
->setDecorators(array(
'ViewHelper',
'Description',
'Errors',
array('Description', array('escape' => false, 'tag' => 'span')),
array('HtmlTag', array('tag' => 'dl'))))
->setDescription('or <a href="/index/index/send/false">Cancel</a>');
$this->form->addElements(array($topic, $textarea, $submit));
}
}" このフォームはコントローラのアクション メソッドでインスタンス化され、ビューで呼び出されます。
そして、私の問題に対して、私が何をしようとしても、たとえば、dialogContainer の幅またはその他のパラメーター (色、css、高さなど) を設定するために、これは JQueryForm の setDecorator にあります。フォームの一部です。ビューで呼び出されたときに、結果のモーダルにまったく変更がないようです。適切な方向への助けをいただければ幸いです
前もって感謝します, カッレ・ヨハンソン