首页 > 代码库 > Yii 为JUI设置自己的CSS样式

Yii 为JUI设置自己的CSS样式

2024-08-05 17:08:00   220人阅读

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

Yii 为JUI设置自己的CSS样式


联系
我们