0

问:如何使用 cjuidialog 小部件上传文件?

描述:我想上传一个带有弹出框的文件。所以我选择了 cjuidialog 框小部件。我从这里跟随。但我面临着保存和验证。提交后,没有保存数据,验证失败时,弹出框一次又一次地重新显示(重复)。

这是views/aa/_form.php

<?php
    echo CHtml::ajaxLink(Yii::t('attachment','Attachment'),$this->createUrl('attachmentform'),array(
        'onclick'=>'$("#attachDialog").dialog("open"); return false;',
        'update'=>'#attachDialog'
        ),array('id'=>'showattachDialog', 'class'=>'btn btn-info'));
    ?>

这是控制器/aacontroller.php

public function actionAttachmentForm()
    {
        $media=new Media;
        $this->performAjaxValidation($media);
        $flag=true;
        if(isset($_POST['Media']))
        {       
            $flag=false;
            $media->attributes=$_POST['Media'];


            $media->name=CUploadedFile::getInstance($media,'name');

            var_dump($media->attributes);

            if($media->save()) {
                //do something here and renderPartial to uploadedfile.php to show uploaded files.
                $this->renderPartial('uploadedFile','',false,true);
            }
        }

        if($flag == true) {
            Yii::app()->clientScript->scriptMap['jquery.js'] = false;

        }
        $this->renderPartial('uploadform',array('model'=>$media,),false,true);

    }

这是views/aa/uploadform.php

$this->beginWidget('zii.widgets.jui.CJuiDialog',array(
                'id'=>'attachDialog',
                'options'=>array(
                    'title'=>Yii::t('attachment','Attachment Form'),
                    'autoOpen'=>true,
                    'modal'=>'true',
                    'width'=>'450',
                    'height'=>'300',
                    'draggable' => false,
                    'resizable'=> false,
                ),
                ));
echo $this->renderPartial('_formupload', array('model'=>$model)); ?>
<?php $this->endWidget('zii.widgets.jui.CJuiDialog');

这是views/aa/_formupload.php

<div class="form" id="attachDialogForm">

<?php $form=$this->beginWidget('CActiveForm', array(
    'id'=>'attach-form',
    'enableAjaxValidation'=>true,
    'htmlOptions' => array('enctype' => 'multipart/form-data'),
)); 
//I have enableAjaxValidation set to true so i can validate on the fly the
?>

    <p class="note">Fields with <span class="required">*</span> are required.</p>

    <?php //echo $form->errorSummary($model); ?>


    <div class="row">
        <?php echo $form->labelEx($model,'name'); ?>
        <?php echo $form->fileField($model,'name'); ?>
        <?php echo $form->error($model,'name'); ?>
    </div>

    <div class="row">
        <?php echo $form->labelEx($model,'description'); ?>
        <?php echo $form->textField($model,'description'); ?>
        <?php echo $form->error($model,'description'); ?>
    </div>


    <div class="row buttons">
        <?php 
        echo CHtml::ajaxSubmitButton(Yii::t('attachment','Upload'),
            CHtml::normalizeUrl(array('attachmentform','render'=>false)),array(
            //'beforeSend' => 'function(){$("#uploadedfile").addClass("loading");}',
            //'complete' => 'function(){$("#uploadedfile").removeClass("loading"); $("#attachDialog").dialog("close");}',
            'success'=>'js: function(data) {
                //alert(data);
            $("#attachDialog").dialog("close");
            $("#uploadedfile").html(data);
        }'),array('id'=>'closeattachDialog')); 
        ?>
    </div>

<?php $this->endWidget(); ?>

</div>
4

1 回答 1

0

我推荐“EAjaxUpload”扩展。它非常易于使用,如果您有任何问题,我可以提供帮助,因为我已经实现了它。

于 2013-07-03T11:24:46.647 回答