怎么在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;',//点击打开弹窗
));
属性类型描述定义在
actionPrefixstringactions的ID的前缀。当微件在CController::actions中声明了动作提供者,可以为其动作的ID指定前缀以区别于别的微件或控制器。当微件用于控制器的视图中时,必须配置同样的前缀。CWidget
controllerCController返回此微件所属的控制器。CWidget
cssFilemixed主题的CSS文件名。默认是‘jquery-ui.CJuiWidget
htmlOptionsarrayJUI组件中HTML标签的属性设置。CJuiWidget
idstring返回此微件的ID。如果需要的话,将生产一个新的ID并将其返回。CWidget
optionsarraythe 初始的JavaScript需要传递给JUI插件的选项。CJuiWidget
ownerCBaseController返回此微件的所有者或创建者。CWidget
scriptFilemixed主要JUI的JavaScript的文件名。默认是‘jquery-ui.CJuiWidget
scriptUrlstring包含所有JUI JavaScript文件的根目录。如果没有设置这个属性(默认),Yii will publish the JUI package included in the zii release and usethat to infer the root script URL.CJuiWidget
skinmixed微件使用的皮肤的名称。默认为“default”。如果此属性设置为false,微件将不会有皮肤被使用。CWidget
themestringJUI主题的名字。默认是‘base'。确保在themeUrl下有这样一个目录,其名称是这个属性的值相同(区分大小写)。CJuiWidget
themeUrlstring包含所有JUI的主题文件夹的根目录。如果没有设置这个属性(默认), Yii will publish the JUI package included in the zii release and usethat to infer the root theme URL.CJuiWidget
viewPathstring返回包含此微件所需的视图文件的路径。
 

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联网站建设公司,的支持。


网站栏目:怎么在Yii框架中使用CJuiDialog弹出窗口组件-创新互联
分享网址:http://hbruida.cn/article/ioiij.html