一、配置资源文件
1.下载资源文件http://download.csdn.net/detail/hhxin635612026/7602027
2.新建myeclipse项目,放入相应位置,如图1-1所示
图1-1
3.在index.jsp中引入javascript等资源文件
<link rel="stylesheet" href="extjs/resources/css/ext-all.css" type="text/css"></link> <script type="text/javascript" src="extjs/ext-base.js"></script> <script type="text/javascript" src="extjs/ext-all.js"></script> <script type="text/javascript" src="extjs/ext-lang-zh_CN.js"></script>
4.编写第一个ExtJS程序
<html> <head> <base href="<%=basePath%>"> <title>这是一个例子</title> <link rel="stylesheet" href="extjs/resources/css/ext-all.css" type="text/css"></link> <script type="text/javascript" src="extjs/ext-base.js"></script> <script type="text/javascript" src="extjs/ext-all.js"></script> <script type="text/javascript" src="extjs/ext-lang-zh_CN.js"></script> <script type="text/javascript"> extjsAlert = function(){ Ext.MessageBox.alert("提示框","这是一个例子"); } </script> </head> <body onload="extjsAlert()"> </body> </html>
5.运行效果,如图1-2所示
图1-2
说明:表面JS文件与CSS文件路径配置正确
下节开始做第一个Demo,MySQL+SSH+ExtJS
初探ExtJS(1)
时间: 2024-10-08 10:17:29