在官方例子中有这么一个例子,可是我的却没有运行成功。
js代码如下:
[code="js"]
Ext.onReady(function(){
// Constructor
var MyPanel = function(config) {
//这里复用配置项
Ext.apply(this, {
width: 300,
height: 300
});
// 调用父类的构造函数,提取父类的功能
MyPanel.superclass.constructor.apply(this, arguments);
// 在这里你可以为当前对象新添加功能
// 如事件:
this.on('click', function() {
alert("You Clicked " + this.title);
}, this);
};
// My Panel继承了Ext.Panel
Ext.extend(MyPanel, Ext.Panel, {
// 在这里你可以为当前的类加入静态的变量,所有这个类生成的实例都是使用这里声明的变量
// 如果你不确定请在构造器内设定。不要在这里放置由'new'或'xtype'操作而成的对象。在构造器内设定配置项对象会更安全。
// 新添加的函数
myNewFunction: function() {
alert("first time is " + this.width);
},
// 重写原有函数
onRender: function() {
MyPanel.superclass.onRender.apply(this, arguments);
this.myNewFunction();
}
});
var myfirstpanel = new MyPanel({
renderTo: 'content',
title: 'My First Panel'
});
var mysecondpanel = new MyPanel({
renderTo: 'content1',
title: 'My Second Panel'
});
});
[/code]
html如下:
[code="html"]
Localization Example
[/code]
我运行之后点击面板之后 click事件并没有响应,不知道是什么问题,难道是版本问题,就算是版本问题我在[code="java"]
var mysecondpanel = new MyPanel({
renderTo: 'content1',
title: 'My Second Panel'
});[/code]
添加了listener 还是没有响应,请解答下。谢谢