【Jsp精品源码栏目提醒】:网学会员鉴于大家对Jsp精品源码十分关注,论文会员在此为大家搜集整理了“ExtJS基础教材 - 产品手册”一文,供大家参考学习
目录 Extjs前言 JavaScript基础了解 Extjs版本变迁 Extjs资源与准备 Ext组件介绍 Ext.data类 GridPanel组件类 功能效果演示ExtJS前言 概要:ExtJS是一种用于在客户端创建丰富多彩的web应用程序界面,可以用来开发RIA的 AJAX应用,是完全基于纯Html/CSSJS技术的Ajax框架,提供了丰富的跨浏览器UI组件,灵 活采用JSON/XML数据源开发,使得服务端表示层(VIEW)的负荷真正减轻,从而达到客户端 的MVC应用 Extjs :基于html/cssjavascript的Ajax框架,主要用于创建前端用户界面。
Extjs是一个跨浏览器的应 用 RIARich Internet Applications:富互联网应用,具有高度互动性、丰富用户体验以及功能强大的客户 端。
MVC:Model View Controller 即把一个应用的输入、处理、输出流程按照Model、View、Controller的 方式进行分离,这样一个应用被分成三个层——模型层、视图层、控制层 Ext的适配器:Ext成型于YahooUI的Javascript库的扩展。
在当时,Ext须依赖YUI的底层代码来处理跨 浏览器的问题。
现在ExtJS已经是独立、免依赖的库(standalone ),可将Extjs替换为另外所选择 javascript库,如prototype、jQuery、或者是这些之中的最佳选择-Ext自带的底层库。
负责将这些库 (包括Ext自带的底层库)映射为Ext底层库的这部分代码,我们称之为适配器(Adapters)。
优点:统一的效果、丰富的控件、强大的功能、能任意改变的皮肤、完美的浏览器兼容、原生态 的ajax、多种数据格式的支持、插件…… 学习之前,先来了解一下JavaScript的基础知识吧。
JavaScript基础 最最基本的数据格式—JSON JSON 即 JavaScript Object Natation,它是一种轻量级的数据交换格式,已经是 javascript标准的一部分.对于WEB2.0来说Json是目前最灵活的解决方案。
JavaScript是一种面向对象的弱类型语言。
Json与map一样,也是一种键值对(Key- Value)的数据格式.key-string型数据value可以是任何的数据类型 。
可以利用JSON来构造想要的bean或对象 不是基于类 ,而是基于原型。
它的类可以看作是json与函数的一个深度调用。
单例类 var Demo function 多例类 使用构造函数和new关键字 原型. prototype JavaScript 的所有function类型的对象都有一个prototype属性。
这个prototype属性本身 又是一个object类型的对象,因此我们也可以给这个prototype对象添加任意的属性和方 法。
prototype是对象的“原型”,由该函数构造出来的对象都会具有这个“原型”的特性。
事 实上,在构造函数的prototype上定义的所有属性和方法,都是可以通过其构造的对象直接 访问和调用的。
也可以说,prototype提供了一群同类对象共享属性和方法的机制ExtJS版本变迁 Ext1.0发布于2007年2月 Ext此时正是从YUI独立出来,不在仅仅支持YUI,而是提供了ext-base,prototype, jquery和YUI 4种低层实现。
这个版本提供了基本的表格、树形、表单、窗口和布局组件。
它采用多协议发布方式,可以在LGPL和企业协议下使用。
Ext2.0发布于2007年12月 这是一次大版本升级,重写了核心组件部分,简化了组件的布局和配置。
Ext2.1发布于2008年4月 这次升级包括对REST的支持,并提供了一些扩展组件。
不过最大的改变是对开源协议的修 改,2.1版本之后,所有未付费的用户只能在GPL协议下使用Ext,也就是不能用于商业项 目。
Ext2.2发布于2008年8月 这个版本提供了对Firefox 3.x的支持,并提供了多种高级表单输入控件,如RadioGroup和 CheckboxGroup,MultiSelect和ItemSelector,以及FileUploadField。
ExtJS版本变迁 Ext2.2.1发布于2009年2月 这个版本提供了对Chrome浏览器的支持,解决了一些内存泄露的问题,并为 Container提供了removeAll函数,同时提供了AIR下的扩展组件。
Ext3.0发布于2009年6月 Ext3.x 的变化主要是提供了重构并提炼了Ext Core,同时重写了Button和 Toolbar ,使3.x中的按钮可以实现多种显示方式(如自动填充,图文混排),并 对工具条提