本文摘自ExtJS4官方文档
1.新建index.html
<html>
<head>
<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="extjs/ext-all.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>
<body>
</body>
</html>
其中
<script type="text/javascript" src="extjs/ext-all.js"></script>
在官方文档里漏掉了,要补上,app.js如下:
Ext.application({ name: 'HelloExt', launch: function() { Ext.create('Ext.container.Viewport', { layout: 'fit', items: [ { title: 'Hello Ext', html : 'Hello! Welcome to Ext JS.' } ] }); } });
上面的程序实现了html和js的分离,执行index.html,效果如图:
OVER!