Taille de la fenêtre dynamique dans ExtJs

Question

J'utilise ExtJS pour mon projet.

J'ai besoin de créer une fenêtre dans ExtJS de taille variable pour afficher une image que mon utilisateur a téléchargé. Mais, si une image plus petite dit 150x150 est téléchargée, je veux que la fenêtre "corresponde" à l'image, c'est-à-dire que la fenêtre soit de 150x150.

Mais si une image plus grande, par exemple 3000x3000 est téléchargée, alors je veux que la fenêtre soit seulement 800x600, avec l'image correctement redimensionnée et rendue à l'intérieur.

Je veux faire cela dans ExtJS. Voici mon code pour la visionneuse d'images. S'il vous plaît, aidez-moi à trouver une solution ici.

viewWin = new Ext.Window({ 
      title : title, 
    layout : 'auto', 
    width : '50%', 
     resizable: false, 
    shadow : true, 
    items : [new Ext.ux.MediaPanel({ 
      border : false, 
      style : {width:'100%', height:'100%'}, 
      mediaCfg : { 
       mediaType: 'JPEG', 
       url : url, 
       } 
     })] 
}); 

Answer 1

Pour ce faire, pourquoi ne pas utiliser Shadowbox: Shadowbox

Je pense qu'il est le moyen le plus simple, il se glisse automatiquement la résolution de l'utilisateur et la taille de l'image. Il a été adapté pour beaucoup de cadres, y compris Ext, donc si l'utilisation d'un tel outil n'est pas un problème pour votre projet, je le suggérerais fortement;)