Extjs如何用语句获得控件的默认css并修改其中的属性，如numberfield的默认样式是

html-css010

Extjs如何用语句获得控件的默认css并修改其中的属性，如numberfield的默认样式是,第1张

默认的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 = ''

    }

你要看原CSS文件 找到相应的样式 然后覆盖就行啦

extjs \ resources \ css文件夹下 有个ext-all.css文件

你查找里面的CSS样式

然后自己写名称一样的，把里面的样式改掉就行了

<%

String contextPath = request.getContextPath()

String extCssPath = session.getAttributes("extCssPath")//css/ext/xtheme-green.css

%>

<link rel="stylesheet" type="text/css" href="<%=contextPath %>/css/ext/ext-all.css" />

<link id="theme" rel="stylesheet" type="text/css" href="<%=contextPath %>/<%=extCssPath%>">

实质就是修改风格相关的css文件