Как загрузить файл с виджетом cjuidialog?

Q: как загрузить файл с виджетом cjuidialog?

описание: я хочу загрузить один файл с всплывающим окном. Поэтому я выбираю виджет cjuidialog box. И я последовал отсюда. Но я сталкиваюсь с сохранением и проверкой. После отправки данные не сохраняются, а при сбое проверки всплывающее окно снова и снова отображается (дублируется).

это 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'));
    ?>

это controller / 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>

1 ответ

Я рекомендую расширение 'EAjaxUpload'. Он очень прост в использовании, и если у вас есть какие-либо вопросы, я могу помочь, так как я его реализовал.

Другие вопросы по тегам