给Extjs的window弹窗的关闭事件添加验证

时间:2023-03-09 16:15:15
给Extjs的window弹窗的关闭事件添加验证

问题:我想在window点击右上角叉关闭时添加一些验证,来确定是否关闭?

实现:

首先想到的是拦截window的关闭事件,在它关闭前添加验证,但是有一个问题是,如何阻止它的关闭和组织关闭后,如何让它再关闭。所以咱们可以换另一种思路,去掉window原先的关闭的按钮,自己添加一个按钮,来模拟。

去掉原先的关闭按钮

closable:false,

模拟按钮

initComponent: function () {
var me = this;
Ext.apply(me,{
tools:[{
type:'close',
tooltip: '关闭',
handler: function(event, toolEl, panelHeader) {
Ext.Msg.confirm("关闭","确定关闭?",function(res){
//验证逻辑
if(res==="yes"){
me.close();
}
})
}
}]
})
me.callParent(arguments);
}