这篇文章主要介绍了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 | 返回包含此微件所需的视图文件的路径。 |
以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！
相关推荐：
以上是关于Yii框架弹出窗口组件CJuiDialog的用法的详细内容。更多信息请关注PHP中文网其他相关文章！
