Jade Dungeon

overview

Getting Start

Getting Start

目录结构：

- appname
	- app
		- namespace
			- Class1.js
			- Class2.js
			- ...
	- extjs
	- resources
		- css
		- images
		- ...
	- app.js
	- index.html

在这里需要的ExtJs模块有src和resources目录，以及ext-debug.js文件。

最简单的例子：

- appname
	- extjs
	- app.js
	- index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Hello Ext</title>
	<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css">
	<script type="text/javascript" src="extjs/ext-debug.js"></script>
	<script type="text/javascript" src="app.js"></script>
</head>
<body>
</body>
</html>

Ext.application({
	name: 'HelloExt',
	launch: function() {
		Ext.create('Ext.container.Viewport', {
			layout: 'fit',
			items: [
				{
					title: 'Hello Ext',
					html : 'Hello! Welcome to Ext JS.'
				}
			]
		});
	}
});