第三章 Extjs在开发中如何实现代码复用 (入门教程)
如果要实现如下界面,你会选择那种代码?

代码1:

代码2:

根据上面创建对象:

你会选择那种??建议选择代码2方式(或者参考我的另一篇文章的写法 一个Ext继承例子(下拉tree、grid、panel、form等组件的基类))!
因为这样可以实现代码复用,举个简单的例子,如果要做一个新增、修改的表单,可能你要copy两份代码,这样不利于维护,如果按照代码2的方式写,那么只要如下创建新增、修改的表单:
新增表单:
var addForm = new Register.MicWin({
title : "新增",
buttons : [{text:"保存"},{text:"取消"}]
}).show();
修改表单:
var editForm = new Register.MicWin({
title : "修改",
buttons : [{text:"保存"},{text:"取消"}]
}).show();
运行效果图:


- 大小: 13.5 KB

- 大小: 58.7 KB

- 大小: 60 KB

- 大小: 9.2 KB

- 大小: 26.3 KB
分享到:
相关推荐
### ExtJS 入门文档知识点概述 #### 一、ExtJS 概述 ExtJS 是一款基于 JavaScript 的开源前端框架,主要用于构建复杂的企业级 Web 应用程序。它提供了丰富的 UI 组件库以及数据处理能力,能够帮助开发者快速构建...
1. ExtJS概述:ExtJS是一个使用JavaScript语言编写的开源框架,专门用于开发富互联网应用(RIA),即在浏览器中运行的桌面式应用。它允许开发者构建具有复杂用户界面的交互式web应用。 2. 书籍《ExtJS in Action》...
除了上述内容,EXT JS还提供了丰富的文档和社区资源,包括官方文档、教程、论坛和示例代码,这些都是学习和掌握框架的重要资料。此外,EXT JS不断更新,引入新组件和功能,保持了框架的活力和竞争力。 总之,《EXT ...
ExtJS 是一个强大的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的用户界面组件和数据绑定机制,使得开发者可以...在实际开发中,结合实践不断探索和应用这些知识点,你的ExtJS技能将会不断提升。
- **对象创建**:在 EXT 中,可以使用面向对象的方式创建组件,这有助于代码的组织和复用。 - **使用构造器函数**:构造器函数是定义 EXT 类的基础,通过构造器可以初始化组件的状态和配置。 - **表单组件**:表单是...