Extjsスクリプトが機能していません：例外をスローする

Question

/** 
* Rajan Y. Rawal 
* application.js 
* This file is sample file for learing Extjs 
*/ 

// reference local blank image 
Ext.BLANK_IMAGE_URL = '../extjs/resources/images/default/s.gif'; 

// create namespace 
Ext.namespace('myNameSpace'); 

// Just to allow this tutorial to work for 1.1 and 2. 
//Ext.Ext2 = (Ext.version && (Ext.version.indexOf("2") == 0)); 

// create application 
    myNameSpace.app = function() { 
    var btn1; 
    var privVar1 = 11; 
    var btn1Handler = function(button, event) { 
     alert('privVar1=' + privVar1); 
     alert('this.btn1Text=' + this.btn1Text); 
    }; 

    return { 
     // public properties, e.g. strings to translate 
     btn1Text: 'Button 1', 

     // public methods 
     init: function() { 
       btn1 = new Ext.Button('btn1-ct', { 
        text: this.btn1Text, 
        handler: btn1Handler, 
        scope:this 
       }); 
     } 
    }; 
}(); 
Ext.apply(myNameSpace.app, { 
    btn1Text:'Taste 1', 
    init: function() { 
     try { 
      btn1 = new Ext.Button('btn1-ct', { 
       text: this.btn1Text, 
       handler: btn1Handler, 
       scope: this 
      }); 
     } 
     catch(e) { 
      alert('Error: "' + e.message + '" at line: ' + e.lineNumber); 
     } 
    } 
}); 

私の責任はどこですか？

Answer 1

スクリプトが機能しています。あなたはそれが何をすることを期待していますか？

ハンドラを使用してExt.buttonを作成していますが、そのページのどこにでもレンダリングするように指示されていません。あなたはまた、あなたが定義した後、myNameSpace.appのすべてをオーバーライドしている、これは無意味である

  btn1 = new Ext.Button('btn1-ct', { 
       text: this.btn1Text, 
       handler: btn1Handler, 
       scope: this, 
       renderTo: 'element-of-html-div' 
      }); 

...指定された要素にボタンをレンダリングするためにExtJSのを教えてくれます renderTo設定オプションを提供する必要があります。