extjs 中怎樣修改Ext.Toolbar的背景色

可以設(shè)置style也可以設(shè)置cls屬性即引定義好的CSS樣式,為其設(shè)置背景圖片，或者將背景圖片設(shè)為空指定背景顏色：

員工經(jīng)過長期磨合與沉淀，具備了協(xié)作精神，得以通過團(tuán)隊(duì)的力量開發(fā)出優(yōu)質(zhì)的產(chǎn)品。創(chuàng)新互聯(lián)堅(jiān)持“專注、創(chuàng)新、易用”的產(chǎn)品理念，因?yàn)椤皩Ｗ⑺詫I(yè)、創(chuàng)新互聯(lián)網(wǎng)站所以易用所以簡單”。公司專注于為企業(yè)提供成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、微信公眾號開發(fā)、電商網(wǎng)站開發(fā)，成都小程序開發(fā)，軟件按需制作等一站式互聯(lián)網(wǎng)企業(yè)服務(wù)。

法1：

var toolbar = new Ext.Toolbar({

style: 'background-color:Red; background-image:url();',

renderTo: 'toolbarDiv',

items: [{

text: '測試按鈕',

handler: function() { }

}, {

xtype:'label',

text:'測試文字'

}]

});

法2：

var toolbar = new Ext.Toolbar({

cls: "toolbar",

renderTo: 'toolbarDiv',

items: [{

text: '測試按鈕',

handler: function() { }

}, {

xtype:'label',

text:'測試文字'

}]

});

設(shè)置css樣式toolbar:

style type="text/css"

.toolbar{ background-color:Red; background-image:url(); }

/style

extjs中的label的Css樣式怎么弄

以下都是配置屬性,以3.4版本為標(biāo)準(zhǔn)

css部分:

clearCls //清除自帶樣式

cls //一個(gè)可選添加的CSS樣式類，加入到組件的元素上

ctCls //一個(gè)可選添加的CSS樣式類，加入到組件的容器上

disabledClass //當(dāng)組件被禁用時(shí)作用的CSS樣式類

itemCls //關(guān)于容器的表單項(xiàng)元素的額外的CSS樣式

overCls //關(guān)于鼠標(biāo)上移至該組件元素的CSS樣式類，移出時(shí)撤銷該樣式的效果

style部分:

style //作用在組件元素上特定的樣式

labelStyle //關(guān)于表單字段的label提示文本的CSS樣式的“完全表達(dá)式

Extjs如何用語句獲得控件的默認(rèn)css并修改其中的屬性，如numberfield的默認(rèn)樣式是

默認(rèn)的css樣式就不要改了，你可以自定義一些css樣式，然后用如下類似代買，可以控制

field的新樣式

// 機(jī)臺不同狀態(tài)設(shè)置不同的背景色

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 = '';

}