ExtJSのサンプルを参考にして、ウィンドウを表示するコード書いてみた。
window.html
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Window Test</title> <link rel="stylesheet" type="text/css" href="./resources/css/ext-all.css" /> <script type="text/javascript" src="./adapter/ext/ext-base.js"></script> <script type="text/javascript" src="./ext-all.js"></script> <script type="text/javascript" src="./window.js"></script> </head> <body> </body> </html>
window.js
Ext.onReady(function(){ var win; var i = 0; function addWindow() { win = new Ext.Window({ id:'hello-win'+i++, title:'ウィンドウ'+i, layout:'fit', x:i*60, y:i*50, width:300, height:200, closeAction:'hide', plain: true, maximizable: true, items: new Ext.Panel({ html : '<h1>ウィンドウ'+i+'の内容</h1><p>ExtJS 2.0ってすごい!</p>' }) }); win.show(); } addWindow(); addWindow(); });
簡単なんだけど、なんかこのコードだとIEでエラーが出てる。どこが間違ってるんだろう。
win.show(this)が悪かったみたい。これでIEでもFirefoxでも動いた。
javascriptのデバッグは面倒だ・・・。
そういえばextdjangoなんてものがあった気がする。ちょっと期待。