News新闻

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

您的位置:首页      网络营销      Yii框架弹出窗口组件CJuiDialog用法分析

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

本文实例讲述了Yii框架弹出窗口组件CJuiDialog用法。分享给大家供大家参考,具体如下:CJuiDialog组件在手册zii.widgets.jui下在视图下使用以下代码$this-beginWidget('zii.widgets.jui.CJuiDialog', array('id'='mydialog',//弹窗ID// additional javascript options f

本文实例讲述了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;',//点击打开弹窗
));
    我要评论
    共有 人参与,评论 条,顶帖 [点击查看]
  • 验证码:
  • 所有评论仅代表网友意见,与本站立场无关!