`
czpae86
  • 浏览: 724562 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

第三章 Extjs在开发中如何实现代码复用 (入门教程)

EXT 
阅读更多

第三章 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
分享到:
评论
7 楼 czpae86 2010-04-19  
joehe 写道
哪种方式都不用,这样用ext越用越累赘

请问那种方式?请指教!
这样用ext越用越累赘??累赘是指?
6 楼 czpae86 2010-02-18  
lishuanglin52130 写道
思维不错,但是太死板了,比如:我添加少个字段,就不行.....


少了字段就加嘛,只加一个地方就可以了。。。。
5 楼 lishuanglin52130 2010-02-12  
思维不错,但是太死板了,比如:我添加少个字段,就不行.....
4 楼 fnet 2010-02-09  
尽量标准化设计功能所需要的组件吧。

但即便是这样,有时也显得累赘:

比如一般一个功能打开后的界面:

上面一搜索
搜索下面是菜单:新增、修改、删除
最下面是个Grid

这里面至少涉及到:三个form window,一个grid 等等。。

这三个form有相同的属性,如果不重用,整个js就非常之长也显得累赘。。。
3 楼 smilebug 2010-02-09  
在extjs官网上有好几种方式实现继承,这只是其中一种

至于有没有必要就看需求了,LZ这样写得太死了,除非系统里要用到N多次这种重复的东西。如果整个系统只出现一、两次的组件都这样整会麻烦死的。

以前扩展Ext组件,一般都是把一些类似于grid,tree等组件要由view,store, reader, proxy这些东东组成(人家为了分层嘛),设计是好的,但是系统里每次grid都写好几个东东就太麻烦,所以就扩展了一些自己的grid。个人感觉这样的意义会大一点。
2 楼 joehe 2010-02-09  
哪种方式都不用,这样用ext越用越累赘
1 楼 liuzk86 2010-02-06  
不错啊。看起来简单了很多..

相关推荐

    extjs入门文档

    ### ExtJS 入门文档知识点概述 #### 一、ExtJS 概述 ExtJS 是一款基于 JavaScript 的开源前端框架,主要用于构建复杂的企业级 Web 应用程序。它提供了丰富的 UI 组件库以及数据处理能力,能够帮助开发者快速构建...

    ExtJS in Action-英文原版-完整版

    1. ExtJS概述:ExtJS是一个使用JavaScript语言编写的开源框架,专门用于开发富互联网应用(RIA),即在浏览器中运行的桌面式应用。它允许开发者构建具有复杂用户界面的交互式web应用。 2. 书籍《ExtJS in Action》...

    ext js中文开发手册

    除了上述内容,EXT JS还提供了丰富的文档和社区资源,包括官方文档、教程、论坛和示例代码,这些都是学习和掌握框架的重要资料。此外,EXT JS不断更新,引入新组件和功能,保持了框架的活力和竞争力。 总之,《EXT ...

    Ext中文手册+2.0实例

    ExtJS 是一个强大的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的用户界面组件和数据绑定机制,使得开发者可以...在实际开发中,结合实践不断探索和应用这些知识点,你的ExtJS技能将会不断提升。

    EXT 中文手册

    - **对象创建**:在 EXT 中,可以使用面向对象的方式创建组件,这有助于代码的组织和复用。 - **使用构造器函数**:构造器函数是定义 EXT 类的基础,通过构造器可以初始化组件的状态和配置。 - **表单组件**:表单是...

Global site tag (gtag.js) - Google Analytics