Question

您好我是JS的新手，我正在尝试以下方法：

我有一个Yii应用程序，其中有一个触发fancybox的ajaxLink。此链接在fancybox内的iframe中呈现视图。渲染视图是包含Yii zii.widgets.jui.CDatePicker小部件的表单。这将呈现视图并显示具有正确日期值的日期文本字段。但是点击它并没有显示日历。

触发fancybox的代码：

echo CHtml::ajaxLink('Add Entry',Yii::app()->createUrl('site/myentry', array('action'=>'new')),
 array('type'=>'GET', 'update'=>'#adexp', 'complete'=>'afterAjax'));

js功能：

function afterAjax()
{
$.fancybox({
    href : '#adexp',
    scrolling : 'no',
    transitionIn : 'fade',
    transitionOut : 'fade', 
width: 1024, 
height: 500,
autoDimensions: false,        
    onClosed: function() { $('#adexp').html(''); location.reload();},
});
}

呈现表单的iframe：

<iframe src="<?php echo $this->createUrl('site/entryform', array('UtcRecord'=>$model->UtcRecord, 'UserId'=>$model->UserId, 'action'=>$action));?>"  style="width: 100%; height:440px;" id="entryform"></iframe>

此窗体视图中的窗口小部件：

$this->widget(
        'zii.widgets.jui.CJuiDatePicker',
        array(
        'model'     => $model,
        'attribute' => 'EntryTime',         
        'language'=> 'en',      
        'options'   => array(
            'dateFormat' => 'dd-mm-yy',
            'style'=>'z-index: 5000;',             
        ),
        )
    );

Firebug观察：表单中的输入字段没有Datepicker类。如果我在普通页面中使用相同的Yii小部件代码，则此类存在于输入标记中，并且小部件可以正常工作。

我试过了： 1.将datepicker小部件的z-index增加到5000。 2.在iframe head标签中手动包含jquery和css，因为我认为iframe可能没有拾取样式和js。

这可能是iframe中的Yii小部件呈现问题吗？

非常感谢对此问题的任何见解。： - ）

Answer 1

将renderPartial()更改为

$this->renderPartial('path.to.view',$variables_into_view,false,true);

最后一个参数是$processOutput，它调用CController::processOutput()，将所需的客户端脚本（在您的情况下为datePicker js和css）插入到输出中。

嵌入在fancybox中的iframe内的yii datepicker小部件

1 个答案: