Ext.Msg не определено

Question

я использую ExtJs 4 и с помощью этого кода

Здесь часть JS

Ext.onReady(function() { 


//button with handler 
Ext.create("Ext.Button",{ 
text : "Hello World", 
handler : function(){ 
Ext.Msg.alert("Hello World Error"); 
}, 
renderTo : Ext.getBody() 
}); 

//panel without data 
Ext.create("Ext.Panel",{ 
title : "Hello World Panel", 
items : [ 
Ext.create("Ext.form.field.Text",{ 
fieldLabel : "Name" 
}), 
Ext.create("Ext.Button",{ 
text : "Click" 
}) 
], 
renderTo : Ext.getBody() 
}); 

//popup with data 
Ext.create("Ext.Panel",{ 
title : "Hello World Panel", 
items : [ 
Ext.create("Ext.form.field.Text",{ 
fieldLabel : "Name", 
id:"nametext" 
}), 
Ext.create("Ext.Button",{ 
text : "Click", 
handler : function(){ 
Ext.Msg.alert(Ext.getCmp("nametext").getValue()); 
} 
}) 
], 
renderTo : Ext.getBody() 
}); 

});

Вот та часть HTML

<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css"> 
    <script type="text/javascript" src="ext-debug.js"></script> 
    <script type="text/javascript" src="app.js"></script> 

Ошибка: Ext.Msg не определен, однако я в состоянии видеть интерфейс, но ни один из обработчика не работает.

Пожалуйста, помогите

Answer 1

Проблема заключается в том, чтобы понять, когда использовать ext-all.js, ext-debug.js и ext-all-debug.js

• ext-debug.js включает в себя лишь небольшую часть каркаса. Он предназначен для использования в стиле MVC и загружает все классы, объявленные в любом классе, в requires: [] statement.
• Серийная версия этого является компилирует app.js файл (скомпилированный с Sencha Command)
• ext-all-debug.js включает в себя всю основу для развития в наследство (не MVC) стиль.
• ext-all.js включает весь каркас в стиле устаревшего (не MVC) для производственного сайта (в сокращенной версии).

Вы не должны использовать ext-all.js в вашем случае, но ext-all-debug.js.

Также обратите внимание на the MVC system, чтобы написать более удобный код.