默认的css样式就不要改了,你可以自定义一些css样式,然后用如下类似代买,可以控制
成都创新互联公司是少有的网站设计、成都网站设计、营销型企业网站、小程序设计、手机APP,开发、制作、设计、卖链接、推广优化一站式服务网络公司,成立与2013年,坚持透明化,价格低,无套路经营理念。让网页惊喜每一位访客多年来深受用户好评
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 = '';
}
以下都是配置属性,以3.4版本为标准
css部分:
clearCls //清除自带样式
cls //一个可选添加的CSS样式类,加入到组件的元素上
ctCls //一个可选添加的CSS样式类,加入到组件的容器上
disabledClass //当组件被禁用时作用的CSS样式类
itemCls //关于容器的表单项元素的额外的CSS样式
overCls //关于鼠标上移至该组件元素的CSS样式类,移出时撤销该样式的效果
style部分:
style //作用在组件元素上特定的样式
labelStyle //关于表单字段的label提示文本的CSS样式的“完全表达式
自定义的css文件
(注意
不是样式)
需要被页面引用
extjs的代码只不过是把名为invalidclass
的值付给
field对应dom元素的
class属性至于效果能不能出来
要看这个页面是否能在你加载的各个css文件中找到对应的class
//配置改
{
xtype:'textfield',
style:'border-width:0px 0px 1px 0px;background:transparent;'
}
//事后改
Ext.getCmp('txt').el.setStyle({
'border-width': '0px 0px 1px 0px',
'background': 'transparent'
})
有很多方法哦,在主页面先导入css文件,然后在组件里面的cls属性你可以用你自己的css类,组件还有style,bodyStyle可以加上你自己的css样式