Ext4.2.1学习历程之一:环境搭建及Hello ExtJS4.2
来源:互联网 发布:java的工资一般多少 编辑:程序博客网 时间:2024/06/03 13:32
1、从官网下载ExtJS4.2资源包,解压开有源代码、API文档、演示程序;
2、官网地址:http://www.sencha.com/products/extjs
3、在Eclipse中新建项目,我这是建的maven项目
4、将下载的extjs需要的资源文件复制到项目中,我放的是在webapp下的resources/js/ext4.2中,那么的资源文件不需要全导入,只需要导入我们用的如下:
5、在webapp下新建index.jsp,并将js脚本bootstrap.js和需要用到的css样式ext-all-neptune.css(海王星的样式)引入,需要的话再把汉化文件ext-lang-zh_CN.js引入;
<link rel="stylesheet" href="resources/js/ext4.2/resources/css/ext-all-neptune.css"/>
<script type="text/javascript" src="resources/js/ext4.2/bootstrap.js"></script>
<script type="text/javascript" src="resources/js/ext4.2/locale/ext-lang-zh_CN.js"></script>
6、这时候就可以使用Ext开始编写我们的代码了,格式:<script type="text/javascript">代码部分</script>,将下面代码替换“格式代码”部分,运行程序试试,这时候界面是不是出来提示框Hello ExtJS了呢!
需要注意的是:
1、Ext.MessageBox.alert必须在onReady加载完成后才能执行,应该是ext的内部执行机制吧!单独执行是不可以的,否则会报dom为空或不是对象。
2、不管怎么样如果你感觉到导入的extjs资源包影响到你的eclipse,甚至直接卡死,那是因为eclipse在构建的导入的资源文件,因此附上解决办法,那就是关掉eclipse对js的build,方法如下:
进入你的项目文件下找到.project并用文本或者其他编辑器打开,找到
<buildSpec>
<buildCommand>
<name>org.eclipse.wst.jsdt.core.javascriptValidator</name>
<arguments>
</arguments>
</buildCommand>
</buildSpec>
<natures>
<nature>org.eclipse.wst.jsdt.core.jsNature</nature>
</natures>
并将黄色部分删除即去掉了对js的验证;重启eclipse试一下吧
3、如果有使用jetty进行调试的那么你不得不解决一个问题那就是js和html文件被锁住无法在jetty运行的情况下修改js和html,解决办法如下:
因为我是做的jetty内嵌服务器所以比较好配置:找到jetty*.jar中的webdefault.xml并修改useFileMappedBuffer的值为false。修改完成后将修改后的webdefault.xml复制到自己项目中某个位置(src/main/resources/)并在自己写的jetty服务类中加入 context.setDefaultsDescriptor("src/main/resources/webdefault.xml")即可;
2、官网地址:http://www.sencha.com/products/extjs
3、在Eclipse中新建项目,我这是建的maven项目
4、将下载的extjs需要的资源文件复制到项目中,我放的是在webapp下的resources/js/ext4.2中,那么的资源文件不需要全导入,只需要导入我们用的如下:
5、在webapp下新建index.jsp,并将js脚本bootstrap.js和需要用到的css样式ext-all-neptune.css(海王星的样式)引入,需要的话再把汉化文件ext-lang-zh_CN.js引入;
<link rel="stylesheet" href="resources/js/ext4.2/resources/css/ext-all-neptune.css"/>
<script type="text/javascript" src="resources/js/ext4.2/bootstrap.js"></script>
<script type="text/javascript" src="resources/js/ext4.2/locale/ext-lang-zh_CN.js"></script>
6、这时候就可以使用Ext开始编写我们的代码了,格式:<script type="text/javascript">代码部分</script>,将下面代码替换“格式代码”部分,运行程序试试,这时候界面是不是出来提示框Hello ExtJS了呢!
点击(此处)折叠或打开
- function init() {
- Ext.MessageBox.alert("ExtJS", "Hello ExtJS");
- }
- Ext.onReady(init)
需要注意的是:
1、Ext.MessageBox.alert必须在onReady加载完成后才能执行,应该是ext的内部执行机制吧!单独执行是不可以的,否则会报dom为空或不是对象。
2、不管怎么样如果你感觉到导入的extjs资源包影响到你的eclipse,甚至直接卡死,那是因为eclipse在构建的导入的资源文件,因此附上解决办法,那就是关掉eclipse对js的build,方法如下:
进入你的项目文件下找到.project并用文本或者其他编辑器打开,找到
<buildSpec>
<buildCommand>
<name>org.eclipse.wst.jsdt.core.javascriptValidator</name>
<arguments>
</arguments>
</buildCommand>
</buildSpec>
<natures>
<nature>org.eclipse.wst.jsdt.core.jsNature</nature>
</natures>
并将黄色部分删除即去掉了对js的验证;重启eclipse试一下吧
3、如果有使用jetty进行调试的那么你不得不解决一个问题那就是js和html文件被锁住无法在jetty运行的情况下修改js和html,解决办法如下:
因为我是做的jetty内嵌服务器所以比较好配置:找到jetty*.jar中的webdefault.xml并修改useFileMappedBuffer的值为false。修改完成后将修改后的webdefault.xml复制到自己项目中某个位置(src/main/resources/)并在自己写的jetty服务类中加入 context.setDefaultsDescriptor("src/main/resources/webdefault.xml")即可;
0 0
- Ext4.2.1学习历程之一:环境搭建及Hello ExtJS4.2
- Ext4.2.1学习历程之一:环境搭建及Hello ExtJS4.2
- 环境搭建及Hello ExtJS4.2
- 【Qt学习笔记之一】初识Qt、环境搭建及hello world的实现
- Hadoop学习之一《环境搭建及配置》
- android学习历程2--搭建开发环境
- Ext4.2.1学习历程之二:自定义类及类的动态加载
- ExtJs4.0环境搭建及spket安装
- ExtJs4.0环境搭建及spket安装 .
- ExtJs4.0环境搭建及spket安装
- java特点、环境搭建、及hello word学习
- Hibernate学习之一 项目搭建 hello Word!
- Perl学习之一:环境搭建
- andengine学习之一 环境搭建
- Solr学习之一 --------环境搭建
- Liferay学习之一:环境搭建
- eclipse+spket+Extjs4.2.1开发环境搭建
- eclipse+spket+Extjs4.2.1开发环境搭建
- C++基类与派生类的函数调用情况
- 求解钱的张数最少组合
- [置顶] android调用第三方库——第二篇——编写库android程序直接调用第三方库libhello.so
- Ubuntu Server固定IP地址
- 半年计划
- Ext4.2.1学习历程之一:环境搭建及Hello ExtJS4.2
- 如何从main函数往reduce传递值或参数
- SqlServer_SQLServer2005存储过程概述;
- 【LeetCode】Unique Paths
- Django i18n国际化
- 网络基础知识备忘
- Longest Consecutive Sequence
- 使用IKAnalyzer进行中文分词
- Mobile Web调试工具Weinre