ExtJS框架在Web软件开发中的应用.docVIP

ExtJS框架在Web软件开发中的应用 　　摘要：将当前兴起的ExtJS技术应用于WEB开发，可以构造一个基于ExtJS技术的Web系统，从而更加便利的管理和开发，方便工作人员改善系统布局和设计。使用EXTJS框架技术，可局部刷新页面，加快客户浏览页面的速度，无需等待。该文通过对ExtJS框架的解析，阐述在开发中的出现的问题及注意事项。 　　关键词：ExtJS；WEB页面；框架 　　中图分类号：TP311.1 文献标识码：A 文章编号：1009-3044(2011)09-2044-04 　　EXTJS Framework in the Development of Application 　　CHEN Dao-xin, SONG Shao-yun, YUAN Zhong-wang, WANG Xiao-yan 　　(Information Technology Engineering College, Yuxi Normal University, Yuxi 653100, China) 　　Abstract: The rise of the ExtJS technology applied to WEB development, can construct a ExtJS technology based on the WEB system, thus the more convenient management and development, convenient staff improve system layout and design. ExtJS framework technique, can use local complete postback, accelerate the speed of customers browse pages, without waiting for. This article through to ExtJS framework in the development of analytical, expounds the problems and the matters needing attention. 　　Key words: ExtJS; WEB pages; framework 　　目前，ExtJS是一个很常用的Ajax框架，主要用来开发带有华丽外观的富客户端应用，也用于在客户端创建常见丰富多彩的Web应用程序界面，使得B/S应用更加具有活力及生命力。ExtJS是一种主要用于创建前端用户界面，是一个与后台技术无关的前端Ajax框架，功能丰富，无人能出其右。无论是界面之美，还是功能之强，Ext的表格控件都高居榜首。单选行，多选行，高亮显示选中的行，拖拽改变列宽度，按列排序， 自动生成行号，支持checkbox全选，动态选择显示哪些列，支持本地以及远程分页，可以对单元格按照自己的想法进行渲染，这些也算可以想到的功能。再加上可编辑grid，添加新行，删除一或多行，提示脏数据，拖拽改变grid大小，grid之间推拽一或多行，甚至可以在tree和grid之间进行拖拽。 　　1 Ext概述 　　1.1 ExtJS简介 　　ExtJS是一个用Javascript编写，与后台技术无关的前端Ajax框架。因此，可以把ExtJS用在.NET、Java、Php等各种开发语言开发的应用中。ExtJS可以用来开发RIA也即富客户端的AJAX应用，是一个用Javascript写的，主要用于创建前端用户界面。ExtJS最开始基于YUI技术，由开发人员JackSlocum开发，通过参考JavaSwing等机制来组织可视化组件，无论从UI界面上CSS样式的应用，到数据解析上的异常处理，都可算是一款不可多得的Javascript客户端技术的精品。Ext的UI组件模型和开发理念脱胎、成型于Yahoo组件库YUI和Java平台上Swing两者，并为开发者屏蔽了大量跨浏览器方面的处理。 　　ExtJS很有创意的借助Javascript本身特性，引申出类的概念，而Javascript本身是没有类的。 　　下载并安装好EXT后，就可以看到Ext自带的开发框架，如图1。 　　Adap：负责将里面提供第三方底层库（包括EXT自带的底层库）映射为EXT所支持的底层库。 　　Build：压缩后的EXT全部源码（里面分类存放）。 　　Docs：API帮助文档。 　　Examples：提供使用EXTJS技术做出的小实例。 　　Resource：EXT UI资源文件目录，如CSS、图片文件都存放在这里。 　　Source：无压缩EXT全部的源码（里面分类存放）遵从Lesser GNUK