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