浏览 3259 次
锁定老帖子 主题:extjs扩展自己的组件
精华帖 (0) :: 良好帖 (0) :: 新手帖 (13) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2009-06-16
最后修改:2009-12-31
myWindow = function(cfg){ Ext.apply(this,cfg); //属性拷贝,apply将会覆盖目标对象中的属性 Ext.onReady(this.init, this); } Ext.extend(myWindow, Ext.util.Observable,{ init: function(){ this.formPanel = new Ext.form.FormPanel({ width:280, height:280, labelWidth:50, frame:true, defaultType:'textfield', items:[ { fieldLabel:'name' }, {fieldLabel:'age'} ], buttons:[ {text:'add'} ] }); this.showWindow = new Ext.Window({ width:300, height:300, title:'坏蛋吧', items:[this.formPanel] }); this.showWindow.show(); } }); new myWindow(); userPanel = Ext.extend(Ext.Window,{ title:'entend Ext.window', width:300, height:200, buttonAlign:'center', layout:'fit', initComponent:function(){ Ext.apply(this,{ buttons:[{ text:'new', handler:this.saveUser.createDelegate(this) },{ text:'cancel', handler:this.cancel.createDelegate(this) }] }), userPanel.superclass.initComponent.call(this), this.uf = this.createForm(); this.add(this.uf); }, createForm:function(){ var uf = new Ext.form.FormPanel({ defaultType:'textfield', labelAlign:'right', labelWidth:50, frame:true, items:[{ fieldLabel:'用户名', name:'username', allowBlank:false },{ fieldLabel:'密码', name:'password', inputType:'password', allowBlank:false }] }); return uf; }, saveUser:function(){ if(this.uf.form.isValid()) { alert("hello "); } }, cancel:function(){ alert('cancel'); } }); Ext.onReady(function(){ Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = 'side'; new userPanel().show(); }); 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |