Question

extjs中怎样为一个panel设置背景色？？？

{ id: "top", region: 'north', xtype: 'panel', height: 25, margins: '5 0 0 5', layout: "fit", bodyStyle:'background-color:red'//背景颜色是这样设置吗，怎么不对？ }

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)
}]
});

追问

感谢！

bodyStyle: 'background:#ffc; padding:10px;',

中间有条杆，我不想要，

 

可是直接这样写又不行 bodyStyle: 'background:#ffc';怎么回事？

追答

border : false,

追问

我是想给这个区域设置一个背景，然后在上面添加items，可是这样就算把颜色设置成白色
background:#FFFFFF，也看不到其他项了，全被覆盖掉了。

Answer 2

dfdfdf