时间:14-07-25 栏目:EXTJS 作者:zongyan86 评论:0 点击: 5,496 次
extjs4.0后,官方推荐是用create来创建对象的,而不是new的方式。
原始方式:
html放个id为kuaipao8的按钮,通过get方法得到dom对象,添加click事件,单击的时候调用show方法
Ext.onReady(function(){ var win = new Ext.window.Window({ width:400, height:300, title:'web开发' }); Ext.get("kuaipao8").on("click",function(){ win.show(); }); });
extjs4.0推荐方式:
var win = Ext.create('Ext.window.Window',{ width:400, height:300, title:'web开发' }); Ext.get("kuaipao8").on("click",function(){ win.show(); }); });
插拔式开发方式:
你可以重新去拓展任何组件,拓展的组件最好放在一个独立的JavaScript文件中。以前,我们公司几乎重写了所有的组件,然后,按固定的模板生成几个模板,开发效率还是很高的。
Ext.define("ux.myWin",{ extend:'Ext.window.Window',//拓展 width:400, height:300, title:'web开发', initComponent: function() {//初始化方法 this.callParent(arguments); } })
Ext.get("kuaipao8").on("click",function(){ var win = Ext.create("ux.myWin",{ title:'my win' }); });
web开发分享
声明: 本文由( zongyan86 )原创编译,转载请保留链接: 一起学习extjs(三)几种创建对象方式