首页 > 代码库 > extjs 代码复用
extjs 代码复用
Extjs在开发中如何实现代码复用 (入门教程)
如果要实现如下界面,你会选择那种代码?
代码1:
代码2:
根据上面创建对象:
你会选择那种??建议选择代码2方式(或者参考我的另一篇文章的写法 一个Ext继承例子(下拉tree、grid、panel、form等组件的基类))!
因为这样可以实现代码复用,举个简单的例子,如果要做一个新增、修改的表单,可能你要copy两份代码,这样不利于维护,如果按照代码2的方式写,那么只要如下创建新增、修改的表单:
新增表单:
Js代码
- var addForm = new Register.MicWin({
- title : "新增",
- buttons : [{text:"保存"},{text:"取消"}]
- }).show();
var addForm = new Register.MicWin({ title : "新增", buttons : [{text:"保存"},{text:"取消"}] }).show();
修改表单:
Java代码
- var editForm = new Register.MicWin({
- title : "修改",
- buttons : [{text:"保存"},{text:"取消"}]
- }).show();
var editForm = new Register.MicWin({ title : "修改", buttons : [{text:"保存"},{text:"取消"}] }).show();
运行效果图:
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。