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

你可能感兴趣的:(ExtJs4.1:设置panel的背景图片)