如何更改ext程序里面的css？请详细述说

html-css06

如何更改ext程序里面的css？请详细述说,第1张

很多种方式啊，基本的原则就是覆盖默认的css定义即可，css和js一样，后面的定义会覆盖前面的定义

1、可以自定义css样式文件，参考框架的ext-all.css，重新定义你打算修改的css类，然后在你的页面引入

2、Ext的很多组件的config都有修改组件细节的配置项，比如cls，BodyStyle等等

自定义的css文件

（注意

不是样式）

需要被页面引用

extjs的代码只不过是把名为invalidclass

的值付给

field对应dom元素的

class属性至于效果能不能出来

要看这个页面是否能在你加载的各个css文件中找到对应的class

想加样式的那一列CM,可以这样写：{

header : 'Change',

width: 75,

sortable : true,

renderer : change,

dataIndex: 'change'

}

即通过renderer : change，然后在写这个函数：

function change(val) {

if (val >0) {

return '<span style="color:green">' + val + '</span>'

} else if (val <0) {

return '<span style="color:red">' + val + '</span>'

}

return val

}

这样就可以通过这一列的属性值，来改变样式了啊。