我如何適合在視口extjs 4區域的圖像？

Question

我從setStyle Ext.getCmp('designPanel').body.setStyle('background-image','url(test.jpg)');設置圖像在區域（視口）現在圖像看'瓦'現在我想要在原始大小或拉伸形式中心做。我怎麼能做到這一點。 ExtJS的4

Answer 1

也許做其他的setStyle身體上（使用CSS屬性）http://www.w3schools.com/css/css_background.asp

Answer 2

你不應該使用定式。你應該使用CLS屬性和定義CSS類與x和y的背景圖像和css屬性重複？

Answer 3

Ext.create('Ext.panel.Panel', { //Ext.container.Container may be just as suitable 
    id: 'designPanel', //ids are almost never necessary 
    layout: 'fit', 
    items: Ext.create('Ext.Img', { 
     src: 'test.jpg' 
    }) 
}); 

Ext.Img是不需要的，它可以很容易地用一個組件與CSS顯示/中心的圖像。這並不重要，你使用真正的拉伸工作是由適合的佈局完成的。

http://docs.sencha.com/ext-js/4-0/#!/api/Ext.layout.container.Fit

Answer 4

你可以這樣說：

Ext.create('Ext.panel.Panel', { 
id: 'designPanel', 
bodyStyle: "background: url('test.jpg') no-repeat right top;",//you can us right, left 
... 

}）;