Sencha touch: Error- «Следующие классы не объявлены, даже если их файлы были загружены:« Ext.panel »

Я только что начал с sencha touch, действительно впечатленный документацией sencha и ее собственным ощущением. это link. Но я получил ошибку между ними, и я получил эту ошибку в консоли «Следующие классы не объявляются, даже если их файлы были загружены:« Ext.panel ». Пожалуйста, проверьте исходный код их соответствующих файлов на возможные опечатки: «touch/src/panel.js». Я новичок в структуре MVC, поэтому я не могу найти, где я ошибся. И нужно ли получать хорошие знания из ExtJS прежде чем попробовать Сенча Touch?Sencha touch: Error- «Следующие классы не объявлены, даже если их файлы были загружены:« Ext.panel »

Вот мой код App.js

Ext.Loader.setPath({ 
'Ext': 'touch/src' 
}); 


Ext.application({ 
name: 'hello', 

requires: [ 
'Ext.MessageBox' 
], 

views: [ 
'Main','Home' 
], 

icon: { 
'57': 'resources/icons/Icon.png', 
'72': 'resources/icons/Icon~ipad.png', 
'114': 'resources/icons/[email protected]', 
'144': 'resources/icons/[email protected]' 
}, 

isIconPrecomposed: true, 

startupImage: { 
'320x460': 'resources/startup/320x460.jpg', 
'640x920': 'resources/startup/640x920.png', 
'768x1004': 'resources/startup/768x1004.png', 
'748x1024': 'resources/startup/748x1024.png', 
'1536x2008': 'resources/startup/1536x2008.png', 
'1496x2048': 'resources/startup/1496x2048.png' 
}, 

launch: function() { 
// Destroy the #appLoadingIndicator element 
Ext.fly('appLoadingIndicator').destroy(); 

// Initialize the main view 
Ext.Viewport.add(Ext.create('hello.view.Main')); 
}, 

onUpdated: function() { 
Ext.Msg.confirm(
"Application Update", 
"This application has just successfully been updated to the latest version. Reload, 
function(buttonId) { 
if (buttonId === 'yes') { 
window.location.reload(); 
} 
} 
); 
} 
});

Main.js

Ext.define('hello.view.Main', { 
extend: 'Ext.tab.Panel', 
requires: [ 
'Ext.TitleBar' 
], 
config: { 
tabBarPosition: 'bottom', 

items: [ 
{ 
xtype:'homepanel' 
} 
] 
} 
});

Home.js

Ext.define('Hello.View.Home',{ 
extend:'Ext.panel', 
xtype:'homepanel', 
config:{ 
title:'Home', 
iconCls:'home', 

html: [ 
'<img src="http://staging.sencha.com/img/sencha.png" />', 
'<h1>Welcome to Sencha Touch</h1>', 
"<p>You're creating the Getting Started app. This demonstrates how ", 
"to use tabs, lists, and forms to create a simple app</p>", 
'<h2>Sencha Touch</h2>' 
].join("") 

} 
});

index.html

<!DOCTYPE HTML> 
<html manifest="" lang="en-US"> 
<head> 
<meta charset="UTF-8"> 
<title>hello</title> 
<style type="text/css"> 

</style> 
<!-- The line below must be kept intact for Sencha Command to build your application -> 
<script id="microloader" type="text/javascript" src="touch/microloader/development.js">  </script> 
<script type="text/javascript" src="app/view/Home.js"></script> 
</head> 
<body> 
<div id="appLoadingIndicator"> 
<div></div> 
<div></div> 
<div></div> 
</div> 
</body> 
</html>

источник

2013-08-27 SsNewbie

Я обновил свой код. Спасибо за ваш ответ. Вы имеете в виду, что документация sencha достаточно? Не могли бы вы разместить любую полезную ссылку для обучения, чтобы получить систему Ext-класса или ExtJs, чтобы я мог получить четкое сокращение сенча. Еще раз спасибо! – SsNewbie

Точно так, как говорит об ошибке. Название класса: Ext.Panel, а не Ext.panel.

источник

2013-08-27 12:00:32

Упс! Как я могу быть таким глупым ?! Большое спасибо Эвану. Не могли бы вы разместить какую-либо хорошую ссылку для обучения, чтобы получить систему Ext-класса или ExtJs, чтобы я мог получить четкое сокращение сенча, поскольку я сказал, что знаком с Html5 и jquery. Поэтому мне трудно поймать Сенча. Еще раз спасибо. – SsNewbie

Sencha touch: Error- «Следующие классы не объявлены, даже если их файлы были загружены:« Ext.panel »

ответ

Смежные вопросы