ExtJs4.1:设置panel的背景图片

转自：http://blog.csdn.net/bq_cui/article/details/8544821

[javascript]  view plain copy

1. Ext.define('MyApp.view.MyViewport_1', {  
2.     extend: 'Ext.container.Viewport',  
3.   
4.     layout: {  
5.         type: 'border'  
6.     },  
7.   
8.     initComponent: function() {  
9.         var me = this;  
10.   
11.         Ext.applyIf(me, {  
12.             items: [  
13.                 {  
14.                     xtype: 'panel',  
15.                     region: 'center',  
16.                     layout: {  
17.                         type: 'absolute'  
18.                     },  
19.                     //设置背景图片  
20.                     bodyStyle: {  
21.                         //background: '#ffc',  
22.                         background: 'url(http://localhost/T0115/app/view/1.jpg) no-repeat #00FFFF',  
23.                         padding: '10px'  
24.                     },  
25.                     title: 'My Panel'  
26.                 }  
27.             ]  
28.         });  
29.   
30.         me.callParent(arguments);  
31.     }  
32.   
33. });