欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

PHP开发框架Yii Framework教程(37) Zii组件-Dialog示例

程序员文章站 2022-06-04 23:30:29
...
CJuiDialog用来显示对话框,模式或非模式对话框。它封装了 JUI Dialog插件。

其基本用法如下

$this->beginWidget('zii.widgets.jui.CJuiDialog', array(
'id'=>'mydialog',
'options'=>array(
'title'=>'Dialog',
'width'=>500,
'height'=>300,
'autoOpen'=>false,
),
));
echo 'dialog content here';
$this->endWidget('zii.widgets.jui.CJuiDialog');
?>
array('onclick'=>'$("#mydialog").dialog("open"); return false;')); ?>
$this->beginWidget('zii.widgets.jui.CJuiDialog', array(
'id'=>'mymodal',
'options'=>array(
'title'=>'Modal Dialog',
'width'=>400,
'height'=>200,
'autoOpen'=>false,
'resizable'=>false,
'modal'=>true,
'overlay'=>array(
'backgroundColor'=>'#000',
'opacity'=>'0.5'),
'buttons'=>array(
'OK'=>'js:function(){alert("OK");
}',
'Cancel'=>'js:function(){
$(this).dialog("close");}',
),
),
));
echo 'Modal dialog content here ';
$this->endWidget('zii.widgets.jui.CJuiDialog');?>
array('onclick'=>'$("#mymodal").dialog("open"); 
return false;')); 
?>

模式和非模式通过设置’modal’ =>true/false 来配置,CJuiDialog用来定义对话框,要显示对话框,还是需要通过其它UI组件,本例通过Link 来显示对话框。

PHP开发框架Yii Framework教程(37) Zii组件-Dialog示例

以上就是PHP开发框架Yii Framework教程(37) Zii组件-Dialog示例的内容,更多相关内容请关注PHP中文网(www.php.cn)!