Ich möchte ein Bild in einem ext.js modalen Fenster auf Klick auf ein Bild zeigen

Question

Ich habe eine Datei, die über xls verarbeitet und in HTML konvertiert und zu Extjs gerendert wird. Mein Problem ist, dass Bildlinks in xls sind. Wenn ich auf das Bild klicke, kann ich das Bild nicht sehen, da seine URL nicht per Funktionsaufruf aufgerufen wurde.

Wie kann ich es bekommen? Hier ist meine code--

ExtJS: -

var showModal = function(url){ 
    var previewWindow = new Ext.Window({ 
     modal:true, 
     border:false, 
     plain:true, 
     width:500, 
     height:500, 
     constrain:true, 
     html:'<div style="width:500px;height:500px;"><img src="url"></div>', 
     resizable:{preserveAspectRatio: true} 
    }); 
    previewWindow.show(); 
}; 

Xls Code: -

<xsl:when test="@align='left'"> 
    <div class="imageleft"> 
     <img width="{$image_width}" height="{$image_height}" 
      class="image" src="vll/getImage?resource={$image_ref}" 
      onClick="showModal('vll/getImage?resource={$image_ref}')" > 
       <xsl:apply-templates/> 
     </img> 
    </div> 
</xsl:when> 

Answer 1

Wie Sie in die Syntaxhervorhebung können Sie die Variable nicht verwenden, aber die Zeichenfolge "URL". Versuchen Sie Folgendes:

html:'<div style="width:500px;height:500px;"><img src="'+url+'"></div>', 

und einen Editor mit Syntaxhervorhebung erhalten, zum Beispiel Notepad++ (die auch andere Funktionen, die in ExtJS Entwicklung nützlich sind, wie die Suche & im Verzeichnis ersetzen).