要素を使用してフォームをレンダリングしています。問題は、要素を含めるとecho $this->element('report', array('id' => $id, 'title' => $title));
、フォームが次のように表示されることです。
<form id="BugAdminIndexForm" class="form-vertical" accept-charset="utf-8" method="post" action="/admin/stations"></form>
<div style="display:none;">
<input type="hidden" value="POST" name="_method">
</div>
<input id="BugType" type="hidden" value="database" name="data[Bug][type]">
...
そのため、すべての入力がレンダリングされる前にフォームが閉じられます。
フォームをビューで (要素に含めずに) 個別にテストすると、同じコードで正しくレンダリングされます (要素への呼び出しを除く)。
これの理由は何ですか?
編集
要素のコードは次のとおりです。
<div class="modal fade" id="modal-<?php echo $id; ?>">
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h3>Report bug</h3>
</div>
<div class="modal-body">
<?php echo $this->Form->create('Bug', array('class' => 'form-vertical')); ?>
<?php
echo $this->Form->hidden('type', array('value' => 'database'));
echo $this->Form->hidden('title', array('value' => $title));
echo $title;
echo $this->Form->input('bug', array('div' => 'control-group', 'label' => array('text' => 'Bug', 'class' => 'control-label'), 'between' => '<div class="controls">', 'after' => '</div>', 'format' => array('before', 'label', 'between', 'input', 'error', 'after'), 'error' => array('attributes' => array('wrap' => 'span', 'class' => 'help-inline'))));
?>
<?php echo $this->Js->submit('Send', array(
'url' => array('superuser' => true, 'controller' => 'bugs', 'action' => 'report'),
'type' => 'json',
'success' => '
if(data === true){
$("#modal-'.$id.' .modal-body").html("thanks");
} else if(data === false){
$("#modal-'.$id.' .modal-body").html("error");
} else {
$.each(data, function(field, error){
$input = $("#modal-'.$id.' .modal-body #Bug" + field.charAt(0).toUpperCase() + field.slice(1));
$input.after("<p class=\"help-block\">" + error + "</span>");
$input.closest(".control-group").addClass("error");
});
}
',
'div' => false
)); ?>
<?php echo $this->Form->end(); ?>
</div>
<div class="modal-footer">
</div>