画像をクリックするとext.jsモーダルウィンドウに画像を表示したい

Question

xlsで処理され、HTMLに変換されExtjにレンダリングされたファイルがあります。私の問題は画像リンクがxlsにあることです。イメージをクリックすると、iamge URLが関数呼び出しで呼び出されなかったため、イメージを見ることができませんでした。

どうすれば入手できますか？

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ファイルコード： - - ：あなたは構文の強調表示で見ることができるように

<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

、あなたは変数を使用していないが、文字列 はここに私のcode--

ExtJSのです"url"

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

とインスタンスNotepad++のための構文の強調表示と編集者を、（検索&がディレクトリに置き換えるようにも、ExtJSの開発に有用である他の機能を持っている）を取得：次のことを試してみてください。