2015-10-22 9 views
0

Как установить изображение под другим изображением. Есть две фотографии пользователя, фотография и полупрозрачная фотография, которые необходимо установить на фото пользователя. Как это сделать с помощью ExtJsКак установить изображение под другим изображением?

ответ

1

Попробуйте этот путь.

Ext.create('Ext.Img', { 
    src: 'http://www.sencha.com/img/20110215-feat-html5.png', 
    width: 184, 
    height: 90, 
    autoEl: { 
    tag: 'div' 
    }, 
    id: 'image1', 
    renderTo: Ext.getBody() 
}); 

Ext.create('Ext.Img', { 
    src: 'http://orig01.deviantart.net/2890/f/2012/168/0/a/labyrinth_free_background_transparent_png_by_jacobmainland-d53tglc.png', 
    width: 184, 
    height: 90, 
    style: 'position:absolute;left:0px;top:0px;', 
    renderTo: Ext.get('image1') 
}); 

Sencha Fiddle

РЕДАКТИРОВАТЬ:

tbar: [{ 
    xtype: 'image', 
    src: 'http://www.sencha.com/img/20110215-feat-html5.png', 
    width: 184, 
    height: 90, 
    autoEl: { 
    tag: 'div' 
    }, 
    id: 'abc', 
    listeners: { 
    render: function() { 
     Ext.create('Ext.Img', { 
     src: 'http://orig01.deviantart.net/2890/f/2012/168/0/a/labyrinth_free_background_transparent_png_by_jacobmainland-d53tglc.png', 
     width: 184, 
     height: 90, 
     style: 'position:absolute;left:0px;top:0px;', 
     renderTo: Ext.get('abc') 
     }); 
    } 
    } 
}], 
+0

в этой области он работает. Но вставить его в элемент «Ext.toolbar.Toolbar» - более сложная задача – Lokser

+0

Я так не думаю. Обновлен ответ и скрипка. – Gilsha

+0

интересное решение с рендерингом. Благодарю. – Lokser