我有一个与维基上发布的类似的解决方案 here
但是我无法让我的验证规则按预期工作。当我点击提交按钮时,模式窗口关闭,如果我没有填写所有必填字段,则不保存任何内容。
知道我在这里缺少什么吗?我对动作以及视图上的“on”进行了ajax验证。
以下是我的一些代码:
模型Institution.php
public function actionAddnew() {
$model=new Institution;
// Ajax Validation enabled
$this->performAjaxValidation($model);
$flag=true;
if(isset($_POST['Institution']))
{ $flag=false;
$model->attributes=$_POST['Institution'];
if($model->save()) {
//Return an <option> and select it
echo CHtml::tag('option',array (
'value'=>$model->id,
'selected'=>true
),CHtml::encode($model->name),true);
}
}
if($flag) {
Yii::app()->clientScript->scriptMap['jquery.js'] = false;
$this->renderPartial('createDialog',array('model'=>$model,),false,true);
}
}
file createDialog.php
<?php
$this->beginWidget('zii.widgets.jui.CJuiDialog',array(
'id'=>'institutionDialog',
'options'=>array(
'title'=>Yii::t('institution','Institution'),
'autoOpen'=>true,
'modal'=>'true',
'width'=>'auto',
'height'=>'auto',
),
));
echo $this->renderPartial('_formDialog', array('model'=>$model)); ?>
<?php $this->endWidget('zii.widgets.jui.CJuiDialog');?>
最后来自_formDialog.php
<div class="form" id="institutionDialogForm">
<?php $form=$this->beginWidget('CActiveForm', array(
'id'=>'institution-form',
'enableAjaxValidation'=>true,
));
?>
<?php echo $form->errorSummary($model); ?>
<div class="row">
<?php echo $form->labelEx($model,'name'); ?>
<?php echo $form->textField($model,'name',array('size'=>60,'maxlength'=>255)); ?>
<?php echo $form->error($model,'name'); ?>
</div>
....
<div class="row buttons">
<?php echo CHtml::ajaxSubmitButton(Yii::t('institution','Create'),CHtml::normalizeUrl(array('institution/addnew','render'=>false)),array('success'=>'js: function(data) {
$("#User_institutionid").append(data);
$("#institutionDialog").dialog("close");
}'),array('id'=>'closeInstitutionDialog')); ?>
</div>
<?php $this->endWidget(); ?>
</div>
有什么想法吗?在这个例子中,我希望在这里需要的规则中已经设置了“名称”。请注意,在gii生成的默认crud文件上,这是正常的。我正在尝试使用模态窗口实现向导,以在填充向导时添加新的itens。
为了更清楚,我想避免提交模态窗口,以便在模式窗口上按下提交按钮之前要求填充所需的字段。
答案 0 :(得分:2)
这里的问题是你要根据ajax调用的success
关闭对话框而不是验证成功,即行:
$("#institutionDialog").dialog("close");
无论表单的验证状态如何,单击ajaxSubmitButton
时都会执行。
要仅在验证成功通过后关闭对话框,您必须更改jquery ajax的success
回调函数,以及在控制器操作中处理表单的方式。
首先,您必须检测模型是否已成功验证。要在控制器操作中执行此操作,请传递指示验证状态的其他字段:
if($model->save()) {
echo CJSON::encode(
array(
'data' => CHtml::tag('option',array (
'value'=>$model->id,
'selected'=>true
), CHtml::encode($model->name),true),
'status'=>'success'
)
);
}
然后更改ajaxSubmitButton
的ajax选项(即success
回调和dataType
):
<?php echo
CHtml::ajaxSubmitButton(
// ... old code
array(
'dataType'=>'json',
'success'=>'function(data) {
if(data != null && data.status == "success") {
$("#User_institutionid").append(data.data);
$("#institutionDialog").dialog("close");
}
}'),
// ... old code
);
?>