验证cjuidialog模态窗口

时间:2012-11-27 12:06:32

标签: php jquery mysql ajax yii

我有一个与维基上发布的类似的解决方案 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。

为了更清楚,我想避免提交模态窗口,以便在模式窗口上按下提交按钮之前要求填充所需的字段。

1 个答案:

答案 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
    ); 
?>