默认的css样式就不要改了，你可以自定义一些css样式，然后用如下类似代买，可以控制
field的新样式
// 机台不同状态设置不同的背景色if (eqptState == "EQPT_STATE_DOWN") {
Ext.getCmp('eqptState_' + pI).fieldClass = 'my-form-field-red'
} else if (eqptState == "EQPT_STATE_IDLE") {
Ext.getCmp('eqptState_' + pI).fieldClass = 'my-form-field-yellow'
} else if (eqptState == "EQPT_STATE_RUN") {
Ext.getCmp('eqptState_' + pI).fieldClass = 'my-form-field-green'
} else if (eqptState == "EQPT_STATE_NG") {
Ext.getCmp('eqptState_' + pI).fieldClass = 'my-form-field-violet'
} else {
Ext.getCmp('eqptState_' + pI).fieldClass = ''
}
请问你使用的浏览器类型,如果是ie8需要改变文档模式--在你需要显示的页面中加入以下代码即可改变文档模式,其他浏览器不需要更改
<meta http-equiv="X-UA-Compatible" content="IE=8" />Css正确写法
.x-grid-cell.red {background-color: #FF0000
}
如果你使用的是Ext4 那么 你的写法有问题 正确的代码如下
{ dataIndex: 'divideType' , flex:1 ,header:'分成类型',tdCls :'red'}在表格如果是想要在renderer中改变 正确代码如下
{ dataIndex: 'divideType' , flex:1 ,header:'分成类型',renderer:function(v,m){
m.tdCls='red'
return v
}
}
以下都是配置属性,以3.4版本为标准css部分:
clearCls //清除自带样式
cls //一个可选添加的CSS样式类，加入到组件的元素上
ctCls //一个可选添加的CSS样式类，加入到组件的容器上
disabledClass //当组件被禁用时作用的CSS样式类
itemCls //关于容器的表单项元素的额外的CSS样式
overCls //关于鼠标上移至该组件元素的CSS样式类，移出时撤销该样式的效果
style部分:
style //作用在组件元素上特定的样式
labelStyle //关于表单字段的label提示文本的CSS样式的“完全表达式
