Ext.onReady(function(){

//定义panel组件
var panel1 = new Ext.Panel({
    frame: false,
    id: 'panel1',
    border: false,
    html:'panel1',
    bodyStyle: 'background-color: red',
});
var panel2 = new Ext.Panel({
    frame: false,
    border: false,
    html:'panel2'
});
var panel3 = new Ext.Panel({
    frame: false,
    border: false,
    html:'panel3'
});
//将3个panel放在一个弹出层中
var w =  new Ext.Panel({
    renderTo: Ext.getBody(),
    frame: false,
    border: false,
    width:200,
    height:200,
    layout:'card',
    activeItem: 0,
    //要包含的组件
    items:[panel1,panel2,panel3],
    
});
w.show();

Ext.get("panel1").on('focus', function () {
    Ext.FocusManager.enable();
    alert("focus");
});

Ext.get("panel1").on('click', function () {
    alert("click");
});

Ext.get("panel1").on('mouseover', function () {
    alert("mouseover");
});

Ext.get("panel1").on('blur', function () {
    alert("blur");
});
// w.layout.setActiveItem(1);

});