技術をかじる猫

適当に気になった技術や言語、思ったこと考えた事など。

ExtJS4 で Window 乱発してみる。

HTML5 ExtJs

久々に弄ってくたばる。
何がキツいって、補完無いから変数間違うんだけど、間違ったときに動かない、表示されないだけで、エラー情報が見つからないから、デバッグが死ぬ。
そのうちデバッグ方法とかも調べないトナーとか思いつつ、次にサンプル作ってみる。

<!DOCTYPE html>
<html>
<head>
    <title>PanelSample</title>
    <link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css">
    <script type="text/javascript" src="../ext/ext-all-debug.js"></script>
    
    <script type="text/javascript">
        Ext.onReady(
            function() {
                var num, windows = [];
                for (num = 0; num < 7; num++){
                    windows[num] = new Ext.Window({
                        x: 30 + 30 * num,
                        y: 30 + 10 * num,
                        height: 50,
                        width: 150,
                        layout: 'fit',
                        renderTo: 'panel',
                        title: "Lena saied " + num,
                        html: "ごめんなさい"
                    });
                }
                
                windows.forEach(function (window) { window.show(); });
            }
        );
    </script>
</head>

<body>
<div id="panel" ></div>
</body>
</html>

うん、「ひぐらしのなく頃に」聞きながら書いたらこうなった。