Question

extjs 设置背景色

var npp=node.parent().parent();

npp.removeClass('cell-selected');
npp[0].title=outerValue.join();
npp[0].innerText=outerValue.join();
//alert(npp[0].setAttribute);
npp[0].attributes["value"].value=innerValue.join();
s = npp[0].attributes["value"].value.split('/')[1]
// npp[0].attributes["value"].style.backgroundColor="#FF0000";
npp[0].bgColor="#FF0000";

如何设置 通过combox选择的不同值 显示在div上面 从而对应值的背景色发生变化 即添加背景色

Answer 1

是这样设置 bodyStyle: 'background:#ffc; padding:10px;',
var resultsPanel = Ext.create('Ext.panel.Panel', {
title: 'Results',
width: 600,
height: 400,
renderTo: Ext.getBody(),
bodyStyle: 'background:#ffc; padding:10px;',
layout: {
type: 'vbox', // Arrange child items vertically
align: 'stretch', // Each takes up full width
padding: 5
},
items: [{ // Results grid specified as a config object with an xtype of 'grid'
xtype: 'grid',
columns: [{header: 'Column One'}], // One header just for show. There's no data,
store: Ext.create('Ext.data.ArrayStore', {}), // A dummy empty data store
flex: 1 // Use 1/3 of Container's height (hint to Box layout)
}, {
xtype: 'splitter' // A splitter between the two child items
}, { // Details Panel specified as a config object (no xtype defaults to 'panel').
title: 'Details',
bodyPadding: 10,
items: [{
fieldLabel: 'Data item',
xtype: 'textfield'
}], // An array of form fields
flex: 2 // Use 2/3 of Container's height (hint to Box layout)
}]
});
求采纳为满意回答。

Answer 2

没看懂你要显示在哪里
思路是重置setValue,
在里面判断你的逻辑，取到要的颜色
然后取到你要改的背景控件，
然后用setStyle()就行了