首頁  >  文章  >  後端開發  >  PHP開發框架Yii Framework教學(37) Zii元件-Dialog範例

PHP開發框架Yii Framework教學(37) Zii元件-Dialog範例

黄舟
黄舟原創
2017-01-22 10:00:401508瀏覽

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)!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn