又见hello world!!
一、导入必要的库文件。
1、样式文件resources/css/ext-all.css
2、框架基础库ext-base.js
3、核心库ext-all.js
如下:
- <link rel="stylesheet" style="text/css" href="js/resources/css/ext-all.css"></link>
- <script type="text/javascript" src="js/adapter/ext/ext-base.js"></script>
- <script type="text/javascript" src="js/ext-all.js"></script>
二、写一个helloworld的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>Insert title here</title>
- <link rel="stylesheet" style="text/css" href="js/resources/css/ext-all.css"></link>
- <script type="text/javascript" src="js/adapter/ext/ext-base.js"></script>
- <script type="text/javascript" src="js/ext-all.js"></script>
- <script type="text/javascript">
- Ext.onReady(function() {
- Ext.Msg.alert("Title", "Hello, Ext.");
- });
- </script>
- </head>
- <body>
- </body>
- </html>
三、运行结果