|
paper51.com 目 录 内容来自论文无忧网 www.paper51.com 1引 言... 1 paper51.com
2 Ext JS框架简介... 1 http://www.paper51.com 3 Ext JS组件介绍... 2 http://www.paper51.com 3.1 认识ExtJS组件... 2 内容来自论文无忧网 www.paper51.com
3.2组件的生命周期... 4 http://www.paper51.com 3.2.1 初始化... 4 http://www.paper51.com 3.2.2渲染表现... 6 内容来自www.paper51.com 3.2.3 销毁组件，释放系统资源... 7 内容来自www.paper51.com
4自定义组件... 8 copyright paper51.com 5结束语... 9 http://www.paper51.com 参考文献... 10 内容来自www.paper51.com 致 谢... 11 内容来自论文无忧网 www.paper51.com
paper51.com 1引 言 内容来自论文无忧网 www.paper51.com 随着Internet的迅速发展，Web开发模式也在不断变化，Ext JS以其绚丽的样式，美观的用户界面得以突现出来。Ext JS是一个创建丰富互联网应用程序的跨浏览器的JavaScript库，基于纯Html/CSS+JS技术，提供丰富的跨浏览器UI组件[1]。不用再直接面对HTML、CSS、JavaScript等元素，而只需要根据需求部署UI组件就能达到自己的理想界面。学习Ext JS主要就是学习各种组件的功能、特性及使用方法。使得开发过程中不仅简化了JavaScript在页面设计中的有效运用，还提高了程序设计的效率。 内容来自www.paper51.com
2 ExtJS框架简介 内容来自论文无忧网 www.paper51.com Ext JS作为Ajax的一个优秀框架，它主要用来开发富客户端应用，为客户端开发提供了几乎所有必要的功能，称得上是一款不可多得的JavaScript客户端技术精品。Ext JS 框架提供面向构件的开发模式，使用面向对象的方式将项目中的所有基类和公共函数都是封装成一个独立的组件。通过使用该框架可以使web层的开发使用到面向对象的特性，比如可复用性和可继承性等。从整体上来讲，我们可以把Ext JS 分为4大模块，每个模块又可以分成很多小模块，采用分层架构方式，Ext JS的整体架构分成4个部分：核心、元素、数据和组件，如图2.1所示[2]。 内容来自论文无忧网 www.paper51.com
内容来自www.paper51.com 图2.1 Ext JS的体系结构 内容来自www.paper51.com 其实Ext JS本身并没使用到新技术，而是在JavaScript基础上结合了Html、CSS发展过来的，它与普通的JavaScript相比具有以下一些优点和特性: 内容来自www.paper51.com (1)ExtJS所有JavaScript库都是跨浏览器支持的，使开发人员在构建Web应用程序时不需要考虑目标浏览器。 http://www.paper51.com
(2)完全面向对象且可扩展的。 内容来自论文无忧网 www.paper51.com (3)复用性高，便于统一web程序的界面设计[3]。 内容来自论文无忧网 www.paper51.com ExtJS不仅美观实用，而且满足了开发者对稳定性、易用性、可维护性的要求，填补了企业级前端应用的空白，脱颖而出一举成为Ajax框架中的佼佼者。 copyright paper51.com 3 ExtJS组件介绍 paper51.com
3.1 认识Ext JS组件 copyright paper51.com
ExtJS组件实质是一组HTML标签所表现的区域，它使静态标签变成动态且有着生命周期的实体。每个组件都有着自身的特性和生命周期，同时每个组件都有着良好的扩展性和易用性。Ext JS组件的扩展性是通过继承和事件来完成的，易用性是通过配置对象来实现的。 paper51.com ExtJS组件是以Component类为基础定义的，在Component类的基础上，使用面向对象的方法，设计一系列的组件及控件，每一个组件都有一个指定的xType属性值，通过该值可以得到一个组件的类型或者是定义一个指定类型的组件。其组件体系图如图3.1和图3.2所示[4]： 内容来自www.paper51.com
内容来自论文无忧网 www.paper51.com 图3.1 Ext JS中的组件体系图 内容来自论文无忧网 www.paper51.com paper51.com 图3.2 Ext JS.form.Field分解图 内容来自论文无忧网 www.paper51.com
组件体系图向我们展示了我们整个Ext JS组件的组成及继承体系，以便于我们掌握组件各种特性。组件大致可以分成三大类，即基本组件、工具栏组件、表单及元素组件[5]。我们在开发的时候，只需要直接使用这些组件及控件，就可以创建出丰富多彩的应用程序界面。窗口、树、表格、选项板、工具栏、菜单等都是可以直接复用的组件及控件。 内容来自论文无忧网 www.paper51.com |