您的位置：首页 > Web前端 > JavaScript

初探ExtJS（1）

2014-07-07 10:09 253 查看

一、配置资源文件

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航