如何使用Yii框架弹出窗口组件CJuiDialog?

如何使用Yii框架弹出窗口组件CJuiDialog?

本文实例讲述了Yii框架弹出窗口组件CJuiDialog用法。分享给大家供大家参考,具体如下:

CJuiDialog组件在手册zii.widgets.jui下

在视图下使用以下代码

$this->beginWidget('zii.widgets.jui.CJuiDialog', array(
 'id'=>'mydialog',//弹窗ID
 // additional javascript options for the dialog plugin
 'options'=>array(//传递给JUI插件的参数
 'title'=>'弹窗标题',
 'autoOpen'=>false,//是否自动打开
 'width'=>'auto',//宽度
 'height'=>'auto',//高度
 'buttons'=>array(
 '关闭'=>'js:function(){ $(this).dialog("close");}', ),
 ),
));
echo 'dialog content here';
$this->endWidget('zii.widgets.jui.CJuiDialog');
// 这是弹窗链接,
echo CHtml::link('open dialog', '#', array(
 'onclick'=>'$("#mydialog").dialog("open"); return false;',//点击打开弹窗
));

 

属性 类型 描述 定义在
actionPrefix string actions的ID的前缀。当微件在CController::actions中声明了动作提供者,可以为其动作的ID指定前缀以区别于别的微件或控制器。当微件用于控制器的视图中时,必须配置同样的前缀。 CWidget
controller CController 返回此微件所属的控制器。 CWidget
cssFile mixed 主题的CSS文件名。默认是‘jquery-ui. CJuiWidget
htmlOptions array JUI组件中HTML标签的属性设置。 CJuiWidget
id string 返回此微件的ID。如果需要的话,将生产一个新的ID并将其返回。 CWidget
options array the 初始的JavaScript需要传递给JUI插件的选项。 CJuiWidget
owner CBaseController 返回此微件的所有者或创建者。 CWidget
scriptFile mixed 主要JUI的JavaScript的文件名。默认是‘jquery-ui. CJuiWidget
scriptUrl string 包含所有JUI JavaScript文件的根目录。如果没有设置这个属性(默认),Yii will publish the JUI package included in the zii release and usethat to infer the root script URL. CJuiWidget
skin mixed 微件使用的皮肤的名称。默认为“default”。如果此属性设置为false,微件将不会有皮肤被使用。 CWidget
theme string JUI主题的名字。默认是‘base'。确保在themeUrl下有这样一个目录,其名称是这个属性的值相同(区分大小写)。 CJuiWidget
themeUrl string 包含所有JUI的主题文件夹的根目录。如果没有设置这个属性(默认), Yii will publish the JUI package included in the zii release and usethat to infer the root theme URL. CJuiWidget
viewPath string 返回包含此微件所需的视图文件的路径。  

希望本文所述对大家基于Yii框架的PHP程序设计有所帮助。