怎么在Yii框架中使用CJuiDialog弹出窗口组件-创新互联

怎么在Yii框架中使用CJuiDialog弹出窗口组件？很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。

成都创新互联网站建设由有经验的网站设计师、开发人员和项目经理组成的专业建站团队，负责网站视觉设计、用户体验优化、交互设计和前端开发等方面的工作，以确保网站外观精美、成都网站建设、做网站易于使用并且具有良好的响应性。

在视图下使用以下代码

$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框架中使用CJuiDialog弹出窗口组件-创新互联
网址分享：http://cdxtjz.cn/article/ioiij.html