本文实例讲述了Yii框架弹出窗口组件CJuiDialog用法。分享给大家供大家参考,具体如下:
CJuiDialog组件在手册zii.widgets.jui下
在视图下使用以下代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
$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程序设计有所帮助。