1

こんにちは！

バージョン 4.0.7 から 4.1.1 (無料の 45 日間の試用版としてダウンロード) にアップグレードしようとしています。これは、現在実行しているアプリケーションでバージョン 4.1 をテストし、それまでにどれだけの変更を加える必要があるかを確認するためです。正式なアップグレードでは、私が行った唯一の手順は、次のように、ページの先頭にある新しいファイルを jsp ファイルに指定することでした。

<link rel="stylesheet" href="3rdParty/ext-4.1.1a/resources/css/ext-all.css"/>

<script type="text/javascript" charset="utf-8" src="3rdParty/ext-4.1.1a/ext-all-debug.js"></script>

私のjspページでは、ボタンを作成するだけで非常に簡単なことをしています。次のコードを使用しました。

  <body>
            <script type="text/javascript">

                Ext.create('Ext.Button', {
                    text: 'Test window',
                    width: 75,
                    renderTo:  Ext.getBody(),
                    handler: function() {
                        alert("the button worked"");
                    }
                });
    </script> 
    </body>

このページを実行しても何も表示されません。Google Chrome の開発ツールを使用すると、コンソールに次のメッセージが表示されます。

キャッチされていない TypeError: 未定義のメソッド 'createChild' を呼び出せません

コードをデバッグすると、ファイル ext-all-debug.js:20687 にエラーが表示されます

getStyleProxy: function(cls) {
       var result = this.styleProxyEl || (Ext.AbstractComponent.prototype.styleProxyEl = Ext.resetElement.createChild({


               style: {
                   position: 'absolute',
                   top: '-10000px'
               }
           }, null, true));


       result.className = cls;
       return result;
   },

どのステップが欠けていますか?、私は extjs の初心者であり、バージョン 4.0.7 から 4.1.1 へのアップグレードには、コードの記述方法とは異なる多くのステップが含まれるべきではありません。誰か助けてください。お願いします？

よろしくお願いします！

4

1 に答える 1

2

コードを onReady ブロック内に配置してみてください。

<body>
<script type="text/javascript">

    Ext.onReady( function() {            
        Ext.create('Ext.Button', {
            text: 'Test window',
            width: 75,
            renderTo:  Ext.getBody(),
            handler: function() {
                alert("the button worked");
            }
        });
    });

</script> 
</body>
于 2012-11-28T22:49:38.523 に答える