как я помещаю изображение в область просмотра extjs 4? - PullRequest
Новая
       7

как я помещаю изображение в область просмотра extjs 4?

0 голосов
/ 27 марта 2012

Я установил изображение в области (область просмотра) из setStyle Ext.getCmp('designPanel').body.setStyle('background-image','url(test.jpg)'); Теперь изображение выглядит как «плитка», теперь я хочу сделать его в центре в оригинальном размере или растянутой форме. как я могу это сделать extjs 4

Ответы [ 4 ]

1 голос
/ 27 марта 2012

возможно сделать другой setStyle для тела (используя свойства css) http://www.w3schools.com/css/css_background.asp

0 голосов
/ 18 апреля 2013

Вы можете сделать это так: 

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

});

0 голосов
/ 28 марта 2012 
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

0 голосов
/ 27 марта 2012

Вы не должны использовать установленный стиль.Вы должны использовать свойство cls и определить класс css с фоновым изображением и свойствами css для повторения x и y?

...