extjs的简单使用

ext下载地址：http://extjs.org.cn/node/515

当前下载的最新版本为ext-4.0.7-gpl.zip，解压之后文件目录结构如下图所示：

　　文件目录主要资源说明：

　　1、builds目录是ExtJS压缩后的代码，经过压缩的代码体积更小，加载更快。

　　2、docs目录是ExtJS的文档，其中最重要的是ExtJS的API。

　　3、examples目录是官方的演示实例。

　　4、locale目录是多国语言的资源文件，其中ext-lang-zh_CN.js是中文简体。

　　5、pkgs目录是ExtJS各部分功能的打包文件。

　　6、resource目录是ExtJS要用到的图片文件和样式表文件。

　　8、bootstrap.js是ExtJS库的引导文件，通过参数可以自动切换ext-all.js和ext-all-debug.js。

　　9、ext-all.js文件是ExtJS的核心库，是必须要引入的。

　　10、ext-all-debug.js文件是ext-all.js的调试版。

2、ExtJS Hello World

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2  3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head runat="server"> 5     <title>Hello World</title> 6     <link href="ext-4.0.7-gpl/resources/css/ext-all.css" rel="stylesheet" type="text/css" /> 7     <script src="ext-4.0.7-gpl/bootstrap.js" type="text/javascript"></script> 8     <script type="text/javascript"> 9         Ext.onReady(function () {10             Ext.MessageBox.alert("HelloWorld", "Hello World !");11         });12 　　</script>13 </head>14 <body>15 </body>16 </html>

运行效果图：（火狐效果图）

extjs的简单使用相关推荐

ExtJS grid简单应用之展示JSON数据
Grid功能: 展示json数据,编辑行,排序,分页.分页功能要根据请求URL的参数,在服务器端返回相应JSON,此处服务端未写.(url参数,可通过firebug控制台查看) 1,首先引用 < ...
Extjs弹窗-简单文本编辑框-Ext.Msg.show
var datavalue='测试202109';//文本传入数据 Ext.Msg.show({ title:'标题', msg:'说明 ...
extjs 导出简单的excel表格
js代码: this.returnJnlExportBtn = new Ext.Button({text : "退单文件导出",id : "returnJnl_expor ...
extlink.php,ExtJs 学习笔记基础篇 Ext组件的使用_extjs
昨天刚接触到Extjs,简单写了篇学习笔记,今天继续. 天介绍一下Ext中组件举几个简单的例子做说明.注意:文章内容有些摘自本人学习过程中看到的资料. Ext2.0对框架进行了非常大的重构,其中最重要 ...
开源项目 eRedG4_V1.03.1发布
发表于2010-12-30 13:36|709次阅读| 来源www.JavaEye.com|0 条评论| 作者eredlab eredg4模板引擎服务器数据结构开源摘要:导读: eRedG4(易道系 ...
[Ext JS6]编码规范
文章目录前言类及文件包命名类命名文件路径和命名方法和变量属性类的定义与创建前言 JS是面向过程的语言,灵活但是编码风格不统一, 导致难于理解.维护和重用. 基于类编程是最受欢迎的面向 ...
32.ExtJS简单的动画效果
转自:http://blog.sina.com.cn/s/blog_74684ec501015lhq.html 说明:这篇文章的大部分内容来源于网上,经过自己实现其效果后,整理如下: 在进行 Java ...
extjs插件开发上传下载文件简单案例
前台,extjs,框架,mybatis,spring,springMVC,简单的文件上传下载案例. 必要的jar包,commons-fileupload-1.3.1.jar,commons-io-2. ...
用ExtJs+Linq+Wcf打造简单grid
本系列文章列表 1)Ajax访问Xml Web Service的安全问题以及解决方案 2)Ajax与WCF交互-WCF之美 3) Ajax与Wcf交互-JSON 4) ExtJs与WCF交互:生成树 ...

extjs的简单使用

extjs的简单使用相关推荐

最新文章

热门文章