ExtJs框架开发指南-丁丁编程技术.doc

广州市奥杰信息技术有限公司【ExtJs框架开发指南 V1.0】 PAGE  PAGE 21 ExtJs 框架开发指南  TOC \o 1-3 \h \z \u  HYPERLINK \l _Toc232139891 1. ExtJs简介  PAGEREF _Toc232139891 \h 2  HYPERLINK \l _Toc232139892 2. ExtJs优劣  PAGEREF _Toc232139892 \h 2  HYPERLINK \l _Toc232139893 2.1. 优点:  PAGEREF _Toc232139893 \h 2  HYPERLINK \l _Toc232139894 2.2. 缺点：  PAGEREF _Toc232139894 \h 3  HYPERLINK \l _Toc232139895 3. 开发前提  PAGEREF _Toc232139895 \h 3  HYPERLINK \l _Toc232139896 4. 系统构架  PAGEREF _Toc232139896 \h 4  HYPERLINK \l _Toc232139897 4.1. 系统数据流程  PAGEREF _Toc232139897 \h 4  HYPERLINK \l _Toc232139898 4.2. JS 类继承架构  PAGEREF _Toc232139898 \h 5  HYPERLINK \l _Toc232139899 4.3. 基类方法描述：  PAGEREF _Toc232139899 \h 6  HYPERLINK \l _Toc232139900 4.4. 系统构架  PAGEREF _Toc232139900 \h 7  HYPERLINK \l _Toc232139901 4.5. 开发步骤  PAGEREF _Toc232139901 \h 8  HYPERLINK \l _Toc232139902 4.5.1. 定义首页模板  PAGEREF _Toc232139902 \h 8  HYPERLINK \l _Toc232139903 4.5.2. 新建业务JS类及后台JAVA类  PAGEREF _Toc232139903 \h 10  HYPERLINK \l _Toc232139904 4.5.3. 配置  PAGEREF _Toc232139904 \h 10  HYPERLINK \l _Toc232139905 4.5.4. 在首页中加载业务JS类及业务对象类  PAGEREF _Toc232139905 \h 10  HYPERLINK \l _Toc232139906 5. 类及其实例  PAGEREF _Toc232139906 \h 10  HYPERLINK \l _Toc232139907 5.1. 基本面板例子  PAGEREF _Toc232139907 \h 10  HYPERLINK \l _Toc232139908 5.2. 查询列表例子  PAGEREF _Toc232139908 \h 14  HYPERLINK \l _Toc232139909 6. ExtJs参考资料  PAGEREF _Toc232139909 \h 21  ExtJs简介 ExtJS是完全基于JS的RIA框架，它是有CSS + DIV + JS有机结合的一套完整框架，是一套模拟OO的JS框架技术。可以用来开发带有华丽外观的富客户端应用，使得我们的B/S应用更加具有活力及生命力。 ExtJS的组成：ExtJS = ExtJS Core + ExtJS Element + ExtJS Component ExtJS的特点：实现系统的OAOP（One Application One Page），即一个系统只有一个页面，没有跳转，没有刷新，没有iframe ExtJS的技术：系统第一次运行，需要加载ExtJS JS库和CSS，占用带宽1M左右（ExtJS库可以根据组件需求自己定制，所以大小不一定，官方有定制页面），之后完全可以实现其它页面的动态加载（包括回调）和释放。 ExtJS的应用：ExtJS是RIA技术，所以基本上都是应用在企业应用系统中，比如OA、CRM、HR、DCM、ERP等，也可以用来做网站的后台系统。当然，ExtJS并没有规定不能用在网站上。 ExtJS的难点：由于ExtJS完全基于JS和CSS，所以技术核心