欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  php教程

Yii 为JUI设置自己的CSS样式

程序员文章站 2024-01-23 12:51:10
...
Yii 为JUI设置自己的CSS样式

Yii中的JUI真是强大的东西,但是很多时候,自带的样式和我们制作的网站并不协调。比如我制作了两个皮肤,一个蓝色,一个红色,而自带的JUI确实灰色的。

Yii中每一个Jui的Widget都继承了CJuiWidget。所以Yii给出的方法是在每一个CJuiWidget中设置theme或者themeUrl。但是问题又来了:

如果我设置CJuiWidget::theme,我一旦更换了主题,我需要在程序中所有用到的地方都修改。

如果我设置了CJuiWidget::themeUrl,无法知道更换主题之后的themeUrl,即使使用CTheme来指定当前的theme地址,也不能保证别人制作的主题也放置了Jui的样式。

所以,在程序中指定Jui的css样式,是不靠谱的。那么,既然是要保证随时可以更换主题,且更换之后Jui部分保持和主题一样的配色,那么可以这样在主题的layout文件中写:

<?php
    if (class_exists(‘CJuiWidget’, false)) {
    ?>
   <link type=”text/css” rel=”stylesheet” media=”screen” href=”
   <?php echoYii::app()->theme->getBaseUrl(); ?>/css/jui/jquery-ui.css” />
    <?php
    }
    ?>
这段代码的思路是,一旦出现CJuiWidget类,说明当前页面使用了CJuiWidget派生出来的widget,
那么我们就可以引入一个当前theme的css样式来覆盖自带的样式。
 
这样完全由主题确定是否使用自定义的Jui样式是目前我想到的最好的解决方法。

以上就是Yii 为JUI设置自己的CSS样式的内容,更多相关内容请关注PHP中文网(www.php.cn)!