`

ext的简单示例

    博客分类:
  • Ext
阅读更多
下载EXT-2.2版本,
其目录结构说明:
1:adapter目录下放置的是EXT的核心代码和底层库,包括jQuery,Prototype,和YUI的适配器

2:build目录下放置的是EXT压缩后的代码

3:docs目录是EXT的文档,

4:examples是官方示例

5:resources目录下是EXT要用到的图片文件和样式文件

6:source也是存放的源码文件,只是未压缩

7:CHANGES.html是版本休整的列表文件

8: est-all.js文件是EXT对的核心库

9:ext-all-debug.js文件是ext-all.js的调试版,在调试的时候需要使用

10:ext-core.js也是EXT的核心库

11:ext-core-debug.js是ext-core.js的调试版

12:INCLUDE_ORDER.txt,此文件说明了再页面上引用底层库时js文件的引用顺序(特别重要)

13:LICENSE.txt,是EXT的使用许可文件



以下是EXT的简单示例:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>helloextjs.html</title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
                //加载顺序,ext-base.js在前,ext-all.js后加载
		<link rel="stylesheet" type="text/css"
			href="./js/resources/css/ext-all.css">
		<script type="text/javascript" src="./js/ext-base.js"></script>
		<script type="text/javascript" src="./js/ext-all.js"></script>
		<script type="text/javascript" src="./js/ext-lang-zh_CN.js"></script>

	</head>

	<body>
	<script>
		Ext.onReady(function(){
			Ext.MessageBox.alert("hello","hello");
		});
	</script>

	</body>
</html>



特别注意js的加载顺序!!!!!!!!!!!!
分享到:
评论

相关推荐

    DWR+EXT简单示例

    DWR+EXT简单示例 后台和EXT GRID交互

    ext简单示例

    ext简单示例,实用,易懂,对于初学者横有用,希望能给你帮助

    Ext2.0示例讲解

    最近空闲时间在学习Ext2.0框架,只有一个字的感叹“强”,我从未想到JS代码能够写出这么绚丽的Web页面出来,以前看到YUI,惊若天人,如今看到EXT2.0的东西,更是感觉震撼。

    Ext简单布局示例代码

    这是Ext简单布局的示例代码,Ext版本:3.3

    SpringStruts2Ext 简单登录示例

    SpringStruts2Ext 简单登录示例 注意在applicationContext.xml中数据库连接的端口与数据库名改为自己本机存在的,或改为系统默认的即,不能启动不了tomcat服务的。 ...

    Ext Form 示例

    Ext Form 简单示例

    Ext4.0以上的MVC简单示例

    里面的一些注释 都是自己的理解,有错误的地方 望海涵,适合新手,刚学习ext的同学。

    Ext grid 简单实例

    webservice提取数据 grid显示数据 csdn上feiyu0805做的,对Ext初学很有帮助, 我就上传了

    ext文档及示例

    ext简单实用的后台管理系统框架,此压缩包包含所有api上的资料,下载方便查询,还包含所有的demo代码

    ext基础布局示例

    刚接触ext 自己做的一些布局方面的例子与大家分享 虽然很简单 希望对大家有帮助

    Ext3相关包,示例

    Ext3相关包,示例,简单易学,挺好用的

    servlet 示例 +ext 页面展示

    这个是个简单的DEMO,包括用servlet 获取请求响应;ext前台页面展示,所有数据从数组中获取;简单程序,高手略过

    ExtCore-Sample-Simplest:ExtCore framework 5.0.0示例最简单的Web应用程序

    ExtCore Framework 6.0.0示例最简单的Web应用程序介绍是一个免费的开源跨平台框架,用于基于ASP.NET Core创建模块化和可扩展的Web应用程序。 它使用最佳和最现代的工具和语言(Visual Studio 2019,C#等)构建。 ...

    快意编程EXT JS Web开发技术详解.part3

    《快意编程:Ext JS Web开发技术详解》首先对Ext JS进行了概述,然后通过一个简单的示例带领读者快速入门,在读者对Ext JS有了初步印象后,又重点介绍了JavaScript的面向对象技术、Ext JS API文档的使用方法、Ext JS...

    Extjs版本60一些简单使用示例以及效果

    Ext.js(版本6.0)一些简单使用示例以及效果

    ExtJs+Servlet+Json简单示例

    用Ext写一个登陆界面,登陆完后进入一个显示数据的列表;用Servlet发送请求,Json数据也是JS通过Servlet请求从数据库中读取显示...例子比较简单,但方法很明朗。 代码没有经过处理,可能有些乱,但思路还是比较清晰的。

    extJs4.2MVC示例

    严格按照MVC架构分的曾,可以运行的extJs4.2MVC示例,在myclipse加到一个项目里的的webroot文件夹下,运行index.html即可

    ext+dwr+MySQL实例(总共4个EXT相关的列子)

    1.DWR 和 Ext 简单例子综合(EXT 2 和 DWR 1 表格编辑控件示例(无数据库版本)) 2.EXT 2 表格编辑控件示例(静态页面,与Java无关版本) 3.文档团队在线通讯录(Ext + DWR + MySQL 4.DWR 检查注册用户名是否存在

    Ext Js权威指南(.zip.001

    2.9 为本书示例准备一个模板 / 60 2.10 本章小结 / 61 第3章 调试工具及技巧 / 62 3.1 使用firebug进行调试 / 62 3.2 在ie中调试 / 76 3.2.1 使用debugbar和companion.js调试 / 76 3.2.2 使用ietester测试 / ...

Global site tag (gtag.js) - Google Analytics