0

我正在使用带有 ajaxlink 的 CJuiDialog 小部件用于弹出表单..效果很好..

但是现在我需要从该弹出表单上传多个文件..所以我使用 CMultiFileUpload 作为上传选项，但我的行为就像一个普通的单个文件按钮..请帮我解决这个问题..这是我的代码：

 <?php echo CHtml::ajaxLink(Yii::t('image','Upload'),array('gallery/create'),array(
    'success'=>'js:function(data){
    $("#gallery-form").dialog("open");
    document.getElementById("add_images").innerHTML=data;}'));
$this->beginWidget('zii.widgets.jui.CJuiDialog',array(
            'id'=>'gallery-form',
            'options'=>array(
                'title'=>Yii::t('image','Upload'),
                'autoOpen'=>false,
                'model'=>'true',
                'width'=>'auto',
                'height'=>'auto',
            ),
            ));
echo "<div id='add_images'></div>";
$this->endWidget('zii.widgets.jui.CJuiDialog');  ?>

这是我的控制器动作：

            if(isset($_FILES['image']))
    {
        $model->attributes=$_POST['Photo'];
        $images = CUploadedFile::getInstancesByName('image');
        if(isset($images) && count($images)> 0) 
        {
            foreach ($images as $image=>$pic) 
            {
                               if (!is_dir(Yii::getPathOfAlias('webroot').'/gallery/'.$user->username===true) ){
                                   mkdir(Yii::getPathOfAlias('webroot').'/gallery/'.$user->username, 0777);
            }


                            if ($pic->saveAs(Yii::getPathOfAlias('webroot').'/gallery/'.$user->username.'/'.$pic->name))    
                {   
                    $model->setIsNewRecord(true);
                    $model->id = null;
                                $model->image = $pic->name;
                                            $model->setAttribute('user_id',$id);
                                $model->save();
                }               
            }
                    $this->redirect(array('admin','id'=>$model->id));
        }
    }
 Ajax Popup Request
                if( Yii::app()->request->isAjaxRequest )
                             {
                    Yii::app()->clientScript->scriptMap['jquery.js'] = false;
                    $this->renderPartial('create',array(
                                        'model'=>$model,
                                ));}else{}

这是我渲染的部分视图文件，它适用于多重上传文件，无需使用 cjuidialog 调用，但是当我使用 cjuidialog 调用它时，它只支持单个文件上传..请帮助。

<?php $form=$this->beginWidget('CActiveForm', array(
'id'=>'gallery-form',
'enableAjaxValidation'=>true,
 'htmlOptions' => array(
        'enctype' => 'multipart/form-data',),
)); ?>

<?php echo $form->errorSummary($model); ?>
<div class="row">
    <?php echo $form->labelEx($model,'image'); ?>
     <?php
      $this->widget('CMultiFileUpload', array(
         'model'=>$model,
         'name'=>'image',
         'attribute'=>'image',
         'accept'=>'jpg|gif|png',

      ));
    ?>

    <?php echo $form->error($model,'image'); ?>
</div>

<div class="row buttons">
    <?php echo CHtml::submitButton($model->isNewRecord ? 'Upload' : 'Save'); ?>
</div>

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

1 回答 1

1

renderPartial 默认不加载脚本，CMultiFileUpload 小部件使用脚本，因此您需要制作 renderPartial 加载脚本。您可以通过更改您的 renderPartial 以包含两个额外参数来做到这一点：

$this->renderPartial('viewName', 
    array('variable' => $variable), false, true
);

注意false, true添加到最后？false 表示“不返回视图，显示它”，true 表示“后处理”，这将添加脚本。

更多信息：http ://www.yiiframework.com/doc/api/1.1/CController#renderPartial-detail

[编辑]

这是加载对话框的另一种方式。它仍然需要 renderPartial 中的“false, true”：

Yii::app()->clientScript->registerScript('uploadDialog', "
$(function(){
    $('#upload-image').click(function(){
        $('#gallery-form').load('".Yii::app()->createUrl('gallery/create')."', function(){
            $('#gallery-form').dialog('open');
        });
        return false;
    });
});");

echo CHtml::link('Upload', '#', array('id' => 'upload-image'));

$this->beginWidget('zii.widgets.jui.CJuiDialog',array(
    'id'=>'gallery-form',
    'options'=>array(
        'title'=>Yii::t('image','Upload'),
        'autoOpen'=>false,
        'model'=>'true',
        'width'=>'auto',
        'height'=>'auto',
    ),
));

$this->endWidget('zii.widgets.jui.CJuiDialog');

然后，从控制器中删除以下行：

Yii::app()->clientScript->scriptMap['jquery.js'] = false;

如果这仍然不起作用，我建议直接在 CJuiDialog 小部件标签之间添加您的 renderPartial，而不是通过 ajax 加载内容。

于 2013-03-02T20:25:36.120 回答