文档章节

ExtJS 4.2 系列教程(1):Hello ExtJS4

hanfeng
 hanfeng
发布于 2014/06/10 16:19
字数 267
阅读 1735
收藏 1
点赞 0
评论 0

1、下载ExtJS

http://www.sencha.com/

我下载的版本是 ext-4.2.1.883

2、使用Eclipse创建Dynamic Web Project ,不懂的自行google(今天下午彻底挂了)or 百度

3、引入ExtJS库

  • 复制ext目录下的resources文件夹到WebRoot的static路径下,里面包含ext提供的主题和css文件

  • 复制bootstrap.js、ext-all.js、ext-all-debug.js三个文件

  • 复制locale中ext-lang-zh_CN.js中文语言包(可选)

4、新建index.jsp文件

在head引入上述Extjs库

<link rel="stylesheet" type="text/css" href="static/ext/resources/css/ext-all.css"/>
<script type="text/javascript" src="static/ext/bootstrap.js"></script>
<script type="text/javascript" src="static/ext/locale/ext-lang-zh_CN.js"></script>

5、修改bootstrap.js文件

找到

  document.write('<script type="text/javascript" charset="UTF-8" src="' + 
        path + 'ext-all' + (isDevelopment ? '-dev' : '') + '.js"></script>');

修改为:

  document.write('<script type="text/javascript" charset="UTF-8" src="' + 
        path + 'ext-all' + (isDevelopment ? '-debug' : '') + '.js"></script>');

6、在index.jsp的body中编写测试用例

<script type="text/javascript">
	Ext.onReady(function(){
		Ext.MessageBox.alert("hello","Hello,ExtJS4");
	});
</script>

7、部署到Tomcat服务器,运行 http://localhost:8123/ext/index.jsp

© 著作权归作者所有

共有 人打赏支持
hanfeng
粉丝 19
博文 44
码字总数 36874
作品 0
福州
高级程序员
ZooKeeper 可视化工具 - ZooHelper

ZooHelper 一款基于 PHP + ExtJS 开发的 ZooKeeper 可视化工具 工具特性 树形展示znode节点 支持znode节点CURD操作 下载地址 https://github.com/yoonper/ZooHelper 环境要求 Linux PHP >= 5...

YoonPer ⋅ 05/28 ⋅ 0

ExtJS对类型为xtype:button的按钮进行不可用置灰的设置

在项目中会根据业务需要对页面中的组件进行各种操作,比如隐藏、改变组件显示名称、可用不可用等。今天介绍下如何使用ExtJS对xtype:button的按钮进行可用和不可用的设置。 页面中xtype:butto...

laowang2915 ⋅ 05/31 ⋅ 0

HTTP请求状态及jQuery AJAX请求异常处理

上一周调优一个项目的Js部分,其中一个严重的问题就是在页面初始化数据时,没有对异常进行处理, 导致Loading一直在等待中,无提示无处理。在用户体验上很不好,即使网络条件无法保证,在出错...

临江仙卜算子 ⋅ 前天 ⋅ 0

物联网和前端技术,两者相辅相成并且互相促进 —— 阿里云 MVP 黄强专访

黄强,江苏智慧新吴信息科技有限公司 ,前端架构师。 一直从事前端开发,从 jQuery,ExtJs,Backbone、Angular 到 React 一路走来,深入实践不同业务领域的前端平台架构,致力于前端工程化和...

花肉酱 ⋅ 04/20 ⋅ 0

创业还差一个程序员?也许你只是没找对方法 —— 南京云栖大会 Tech Insight 创业公司的窘境和解法

你也许经常听到一些人说:”我有一个创业的点子,就差一个程序员了“,也许隔三差五就有人向你打听,哪里能挖到最合适的程序员? 创业是一个永恒的话题,技术人才紧缺也是一个永恒的话题。面...

花肉酱 ⋅ 04/23 ⋅ 0

JavaWeb05-HTML篇笔记(一)

1.1上次课内容回顾: JQuery: JQuery的概述:是一个轻量级的JavaScript的类库.对JS进行封装. 常见的JS的框架: JQuery的使用: JQuery的选择器:(*) JQuery实现效果: JQuery样式操作: JQuer...

我是小谷粒 ⋅ 05/10 ⋅ 0

Extjs 工具条(toolbar)

在extjs 中工具是一个比较重要的组件,工具条一共有几个小组件? 下面就是工具条所有组件。 显示文字Ext.toolbar.TextItem Extjs4 空间距 Ext.toolbar.Spacer Extjs4 分隔条Ext.toolbar.Sep...

Tity ⋅ 2014/03/31 ⋅ 0

Extjs4 发布第一个开发者预览版

Extjs4 发布第一个开发者预览版 详情猛击: http://www.sencha.com/products/extjs4-preview/download/developer-preview-1...

前冲 ⋅ 2011/02/19 ⋅ 3

JamesZhou/extjs4-shiro-admin

extjs4-shiro-admin 轻量级权限管理框架 技术选型 Extjs4、Spring MVC、Mybatis、Mybatis-Plus、Shiro、Mysql、Maven 快速开始 git clone https://github.com/foreyer/extjs4-shiro-admin.gi......

JamesZhou ⋅ 2017/08/25 ⋅ 0

docker的nginx怎么和php-fpm结合?

我创建了两个docker分别是nginx和php-fpm nginx自己配置成功了(静态文件能访问),但是php文件报错 这个错误!!!!!不是php写的不对,,,,,,不明所以啊 这是 nginx的 的配置 下面的是 在php-fpm容器...

1514582970 ⋅ 02/07 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

如何使用serverchan微信推送告警

之前实现推送告警信息到微信的方法有如下几种: 1、通过企业公众号实现----收费: 2、通过QQ邮箱,在微信平台上开启收到邮件进行提醒; 3、第三方告警平台API,一般也是收费的; 不过最近看文...

问题终结者 ⋅ 16分钟前 ⋅ 0

TCP的RPC

RPC就是远程方法调用(Remote Process Call ),包含了客户端和服务端,涉及了对象的序列化传输。 1.服务端启动,注册远程调用的类2.客户端发送请求信息包含类、方法、参数的一些信息、序列化传...

Cobbage ⋅ 37分钟前 ⋅ 0

IOS-UI UI初步代码布局添加事件

ISO开发界面,UI是必须学习的一部分,其实很早之前想学来了,一直没有沉下心来学习。看到IOS的代码风格和布局就别扭的不行,跟java代码和android布局比较显得不是那么方便,所以一直到现在。...

京一 ⋅ 47分钟前 ⋅ 0

浅谈OpenDaylight的二次开发

OpenDaylight作为一款开源SDN网络控制器,依托于强大的社区支持以及功能特性,成为了目前主流的SDN网络控制器开发平台。在比较稳定的OpenDaylight Helium版本中,已经为开发者提供了大量的网...

wangxuwei ⋅ 57分钟前 ⋅ 0

API 开发中可选择传递 token 接口遇到的一个坑

在做 API 开发时,不可避免会涉及到登录验证,我使用的是jwt-auth 在登录中会经常遇到一个token过期的问题,在config/jwt.php默认设置中,这个过期时间是一个小时,不过为了安全也可以设置更...

等月人 ⋅ 57分钟前 ⋅ 0

Java NIO之文件处理

程序要操作本地操作系统的一个文件,可以分为以下三个部分: 对文件位置的操作 对文件的操作 对文件内容的操作 其中,对文件内容的操作在 Java NIO之Channel 中已经有了介绍,通过FileChann...

士别三日 ⋅ 今天 ⋅ 0

Maven的pom.xml配置文件详解

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.......

小海bug ⋅ 今天 ⋅ 0

解决httpclient超时设置不生效的问题

最近公司有项目需要通过http调用第三方服务,且第三方服务偶有超时,故需要设置一定的超时时间防止不响应的情况出现。 初始设置如下: [java] view plain copy //超时设置 RequestConfig re...

Mr_Tea伯奕 ⋅ 今天 ⋅ 0

过滤器Filter和拦截器HandlerInterceptor

过滤器 依赖于servlet容器。在实现上基于函数回调,可以对几乎所有请求进行过滤,但是缺点是一个过滤器实例只能在容器初始化时调用一次。使用过滤器的目的是用来做一些过滤操作,获取我们想要...

hutaishi ⋅ 今天 ⋅ 0

Redis入门详解(转)

Redis入门详解 Redis简介 Redis安装 Redis配置 Redis数据类型 Redis功能 持久化 主从复制 事务支持 发布订阅 管道 虚拟内存 Redis性能 Redis部署 Redis应用场景 Redis总结 Redis简介: Redi...

xiaoyaoyoufang ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部