ExtJs 的简单问题？？？ 寻求帮助！！！

Question

求助！！！！！
初学extjs ext.panel 面板设置背景图片有些不懂（主要是CSS格式不知道怎么写！） 
Ext.onReady(function(){
var top = new Ext.Panel({
region: "north",
//title: "LOGO",
height: 120,
html: "这里放LOGO",
});
});
为panel添加背景图片 谁给写个简单的实例

Answer 1

只是为panel面板添加背景图片！！！

Answer 2

function Panel1() {
new Ext.Panel({
renderTo : "panel1",
title : "面板头部header",
width : 300,
height : 200,
html : '<h1>面板主区域</h1>',
tbar : [{
text : '顶部工具栏topToolbar'
}],
bbar : [{
text : '底部工具栏bottomToolbar'
}],
buttons : [{
text : "按钮位于footer"
}]
});
}
function Panel2() {
new Ext.Panel({
renderTo : "panel2",
title : "hello",
width : 300,
height : 200,
html : '<h1>Hello,easyjf open source!</h1>',
tbar : [{
pressed : true,
text : '刷新'
}]
});
}
function Panel3() { new Ext.Panel({
renderTo : "panel3",
title : "hello",
width : 300,
height : 200,
html : '<h1>Hello,easyjf open source!</h1>',
tools : [{
id : "save"
}, {
id : "help",
handler : function() {
Ext.Msg.alert('help', 'please help me!');
}
}, {
id : "close"
}],
tbar : [{
pressed : true,
text : '刷新'
}]
});
}function Panel4() {
new Ext.Panel({
renderTo : "panel4",
title : "hello",
width : 300,
height : 200,
html : '<h1>Hello,easyjf open source!</h1>',
tbar : [new Ext.Toolbar.TextItem('工具栏:'), {
xtype : "tbfill"
}, {
pressed : true,
text : '添加'
}, {
xtype : "tbseparator"
}, {
pressed : true,
text : '保存'
}]
});
}

Answer 3

看了好一会API了  我是在写CSS的时候出错的！！！

Answer 4

你的panel不是要渲染到一个div吗？你为什么不把那层的背景添加个图片呢？
呵呵，直接给panenl加背景，我也不会~

Answer 5

恩，刚刚想起，你可以这样写
var test = new Ext.Panel( {
region : 'north',
border : false,
html : '<div style="background:url(test.gif) repeat-x;  height:78px;"></div>',
height : 80
});

Answer 6

直接用panel的 bodyStyle属性设置应该可以把