News新闻

业界新闻动态、技术前沿
Who are we?

您的位置:首页      乐道系统FAQ      Yii框架弹出窗口组件CJuiDialog用法分析

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

发布日期:2017-01-07 00:00:00 53

本文实例讲述了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;',//点击打开弹窗
));