Ext extend 笔录

最新推荐文章于 2022-04-03 18:55:52 发布

原创最新推荐文章于 2022-04-03 18:55:52 发布 · 658 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ext #function #html #测试

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

本文通过三种不同方法展示了如何在ExtJS中创建自定义窗口组件。这些方法包括使用构造函数、扩展Ext.Window以及在构造函数内部调用superclass。每个示例都实现了显示特定HTML内容的功能。

Ext.onReady(function() { /*继承方法1*/ var uwin = function(config) { uwin.superclass.constructor.call(this, config); this.showm = config.html; } Ext.extend(uwin, Ext.Window, { showhtml: function() { alert(this.showm); } }); var w = new uwin({ title: "测试", width: 300, height: 300, html: "zjpzjpzjp" }); w.show(); alert(w.height); w.showhtml(); /*继承方法2*/ var uwin = Ext.extend(Ext.Window, { title: "测试", width: 300, height: 300, html: "zjzjpzjp", initComponent: function() { uwin.superclass.initComponent.call(this); }, showhtml: function() { alert(this.html); alert(this.msg); } }) var w = new uwin({ msg: "传值" }); w.show(); alert(w.height); w.showhtml(); /*继承方法3*/ var uwin = function() { //可以定义变量 var msg = "zjp"; this.msgs = msg; uwin.superclass.constructor.call(this, { //重写 title: "测试", width: 300, height: 300, html: "zjpzjpzjp", showhtml: function() { alert(this.msgs); } }) } Ext.extend(uwin, Ext.Window); var w = new uwin(); w.show(); alert(w.height); w.showhtml(); });