Eclipse里面开发ExtJS程序
首先在http://extjs.org.cn/download下载ext ,我下载的版本是ext-3.4.1.1-gpl,下载好以后解压。
然后在eclipse里面先建立一个web项目,建立好后再webContent文件夹下面建个文件夹,我的名字叫js,然后把解压好的ext拷贝在里面。目录结构如下图:
然后在WebContent下面建立html或者jsp文件。如下图,名字为accordion.html
在运行此accordion.html之前需要导入和Ext有关的js文件。如下面黑体字代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="/ExtJS/js/ext-3.4.1/resources/css/ext-all.css" />
<script type="text/javascript" src="/ExtJS/js/ext-3.4.1/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="/ExtJS/js/ext-3.4.1/ext-all.js"></script>
<script type="text/javascript" src="/ExtJS/js/ext-3.4.1/src/locale/ext-lang-zh_CN.js"></script>
<title>Layout_Border示例</title>
</head>
<body>
<script type="text/javascript">
Ext.onReady(
function(){
alert("第一个ext程序!");
}
);
</script>
</body>
</html>
注意:路径要写对。
启动tomcat服务器,在浏览器输入:http://localhost:8080/ExtJS/js/accordion.jsp,显示运行结果。
最新文章
- 每天一个 Linux 命令(17):whereis 命令
- 【转】HTML转义字符大全
- 一种快速刷新richedit中内嵌动画的方法的实现
- JS思维之路菜鸟也能有大能量-序幕
- Python函数1
- linux shell工具集合
- ArcGIS地图文档MXD效率慢的一点建议(二)
- CopyU!v2.2 增加对设备信息的识别
- angularjs kindEditor 中自定义按钮 弹出dialog
- H面试程序(15): 冒泡排序法
- 浅谈对java中传参问题的理解
- (转)C++——std::string类的引用计数
- Python-字典、集合、字符编码、文件操作整理-Day3
- web前端技术体系大全
- Android为TV端助力 StringBuffer 和StringBuilder
- Android 源码编译之旅
- 1,环境的搭建,angular
- web.py框架之i18n支持
- Qt Widgets——工具栏和状态栏
- Java多线程-Callable的Future返回值的使用
热门文章
- poj 2631 Roads in the North
- WCF 已超过传入消息(65536)的最大消息大小配额。若要增加配额,请使用相应绑定元素上的 MaxReceivedMessageSize 属性
- iOS学习之UI可视化编程-StoryBoard
- IIS 404.17 错误解决方案
- Unity3d之Animation(动画系统)
- Notes of the scrum meeting(11/3)
- Kibana4学习<;三>;
- 浅谈对git的认识
- 单点登陆CAS安装过程中可能遇到的问题
- Leetcode#152	Maximum Product Subarray