Problema para remplazar un foto por otra en un panel
Buenas, tengo in Panel en el cual tengo una foto y me hace falta al dar click en un boton remplazarla por otra foto, este es mi codigo del panel:
var imagesPanel1 = new Ext.Panel({
id:'images-view1',
frame:true,
width:140,
height:130,
// autoHeight:true,
// collapsible:true,
layout:'fit',
style: {
float: 'right'
},
listeners:{
scope:this,
render:function(el){
//Todo: descomentarear esto cuando pongan la webcam
el.add(new Ext.DataView({
autoHeight:true,
multiSelect: true,
overClass:'x-view-over',
itemSelector:'div.thumb-wrap',
emptyText: 'No images to display',
tpl: new Ext.XTemplate(
'<tpl for=".">',
'<div class="thumb"><h1>sddfsfd</h1></div>',
//'<div class="thumb"><img width="128" height="128" align="center" src="modules/convis/visitantes/resources/images/visitantes-add.png"></div>',
// '<div class="thumb"><img src="data:{type};base64,{content}"></div>',
'<span class="x-editable">{shortName}</span></div>',
'</tpl>',
'<div class="x-clear"></div>'
)
}))
}
}
y aqui donde esta contenido el panel:
xtype: 'fieldset',
title: 'Visitantes Extranjeros',
autoHeight: true,
layout: 'form',
//disabled:true,
id:'visitantes-extranjeros-fieldset-add-visitantes',
//defaultType: 'numberfield',
items: [no_pasaporte, comboCiudadania, fileupload, imagesPanel]
y aqui cuando quiero remplazar la foto por otra
var fileupload = new Ext.form.FileUploadField({
fieldLabel: 'Foto',
id: 'id-fileupload',
anchor: '90%',
name: 'archivo',
buttonText: 'Buscar',
emptyText: 'Seleccione el logo de la entidad...',
//disabled: true,
regex: /^.*\.(jpg|JPG|png|PNG|jpeg|JPEG|)$/,
regexText: 'El archivo debe tener extensión .jpg .png o jpeg',
allowBlank: true,
listeners:
{
'fileselected': function () {
console.debug(Ext.getCmp('visitantes-extranjeros-fieldset-add-visitantes').items);
//Ext.getCmp('visitantes-extranjeros-fieldset-add-visitantes').items.items[3]=imagesPanel1;
//remove(Ext.getCmp('visitantes-extranjeros-fieldset-add-visitantes').items.items[3]);
Ext.getCmp('visitantes-extranjeros-fieldset-add-visitantes').items.items[3].removeAll();
Ext.getCmp('visitantes-extranjeros-fieldset-add-visitantes').items.items[3]=imagesPanel1;
Ext.getCmp('visitantes-extranjeros-fieldset-add-visitantes').items.items[3].show();
console.debug(Ext.getCmp('visitantes-extranjeros-fieldset-add-visitantes').items);
}
}
//listeners: {this.Cambiar()}
});
He tratado de la forma que esta arriba pero no logro mostrarla. Si me pudieran ayudar se los agradeceria.
¿Conoces a alguien que pueda responder esta pregunta? Comparte el link en Twitter o Facebook
Es necesario registrarse para poder participar en el foro! Si ya tienes una cuenta puedes entrar y comentar en este foro.