
正文
关于extcss样式的信息
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
Extjs如何用语句获得控件的默认css并修改其中的属性,如numberfield的默认样式是
默认的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 = '';
}
相关问答
Q1: extjs中的label的Css样式怎么弄
以下都是配置属性,以3.4版本为标准
css部分:
clearCls //清除自带样式
cls //一个可选添加的CSS样式类,加入到组件的元素上
ctCls //一个可选添加的CSS样式类,加入到组件的容器上
disabledClass //当组件被禁用时作用的CSS样式类
itemCls //关于容器的表单项元素的额外的CSS样式
overCls //关于鼠标上移至该组件元素的CSS样式类,移出时撤销该样式的效果
style部分:
style //作用在组件元素上特定的样式
labelStyle //关于表单字段的label提示文本的CSS样式的“完全表达式
Q2: ext中怎么应用css样式
自定义的css文件
(注意
不是样式)
需要被页面引用
extjs的代码只不过是把名为invalidclass
的值付给
field对应dom元素的
class属性至于效果能不能出来
要看这个页面是否能在你加载的各个css文件中找到对应的class
Q3: ext里面怎么把textfield这个,用css改变样式?变成 只显示下面一条横线的样式,谢谢
//配置改
{
xtype:'textfield',
style:'border-width:0px 0px 1px 0px;background:transparent;'
}
//事后改
Ext.getCmp('txt').el.setStyle({
'border-width': '0px 0px 1px 0px',
'background': 'transparent'
})
Q4: extjs中怎样引用css
有很多方法哦,在主页面先导入css文件,然后在组件里面的cls属性你可以用你自己的css类,组件还有style,bodyStyle可以加上你自己的css样式







