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

2018-06-24 00:36:51来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

问题:我想在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);
    }

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:html5的新通讯技术socket.io,实现一个聊天室

下一篇:undefined详解