Yii框架弹出窗口组件CJuiDialog用法分析

219 阅读 0 评论 145 点赞

我是靠谱客的博主生动手套，最近开发中收集的这篇文章主要介绍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	返回包含此微件所需的视图文件的路径。