您的位置:首页 > Web前端 > JavaScript

extjs 入门

2014-02-19 11:21 162 查看
查看 版本:打开extjs-all.js或其他的文件,前几行中有类似如下的版本信息: /*  * Ext JS Library 2.1  * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com  *   * http://extjs.com/license  */
 http://blog.csdn.net/w_l_j/article/details/7543128 
xtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架。
一、引入类库文件
Extjs类库介绍:
adapter:负责将里面提供第三方底层库(包括Ext 自带的底层库)映射为Ext 所支持的底层库。
build: 压缩后的ext 全部源码(里面分类存放)。
docs: API 帮助文档。
exmaples:提供使用ExtJs 技术做出的小实例。
resources:Ext UI 资源文件目录,如CSS、图片文件都存放在这里面。
source: 无压缩Ext 全部的源码(里面分类存放) 遵从Lesser GNU (LGPL)开源的协议
Ext-all.js:压缩后的Ext 全部源码。
ext-all-debug.js:无压缩的Ext 全部的源码(用于调试)。
ext-core.js:压缩后的Ext 的核心组件,包括sources/core 下的所有类。
ext-core-debug.js:无压缩Ext 的核心组件,包括sources/core 下的所有类。
二、新建一个jsp页面或者html文件并引入js文件和css文件,js文件的引入一定要注意顺序
<!-- 引入extjs的css样式文件 -->
<link rel="stylesheet" type="text/css" href="/extjs_01/ext-4.0/resources/css/ext-all.css">
<!-- 引入使用extjs所依赖的js文件    交给引导程序处理-->
<script type="text/javascript" src="/extjs_01/ext-4.0/bootstrap.js"></script>
<!-- 引入自己的js文件         extjs所依赖的js文件的引入一定要在自己的js之前引入-->
<script type="text/javascript" src="/extjs_01/example/lession01/hw.js"></script>
三、建一个自己的js文件
如果自己没有新建js文件,那在上面就不需要引入自己的js文件了,只要在<script></script>中书写代码就可以了

ExtJS优点:
1、  统一主题
2、  UI与数据库解耦
3、  丰富的UI组件
4、  方便测试与调试
5、  优秀的源码

在使用和开发ExtJS之前,可以在工具上安装插件实现智能提示功能(例如:Spket)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: