Extjs Ext js 6.6.0:Ext.Msg.alert在日期字段更改侦听器中不起作用

Extjs Ext js 6.6.0:Ext.Msg.alert在日期字段更改侦听器中不起作用,extjs,Extjs,在以下代码中,当条件匹配时,ext alert不会显示在屏幕上。当我调试它时,我发现它在后台工作,但没有调试,它运行得太快,用户看不到它,然后就消失了 请让我知道这里出了什么问题: { xtype: 'datefield', reference: 'endDate', fieldLabel: 'End Date', labelAlign: 'top', format: 'm/d/Y', editable: false, flex: 1,

在以下代码中,当条件匹配时,ext alert不会显示在屏幕上。当我调试它时,我发现它在后台工作,但没有调试,它运行得太快,用户看不到它,然后就消失了

请让我知道这里出了什么问题:

{
    xtype: 'datefield',
    reference: 'endDate',
    fieldLabel: 'End Date',
    labelAlign: 'top',
    format: 'm/d/Y',
    editable: false,
    flex: 1,
    margin: '0 10',
    //allowBlank: false,
    //validateBlank: true,
    listeners: {
        change: function (me, newValue, oldValue, {}) {
            var endDate = me.lookupController().lookupReference('endDate').getValue();
            if (newValue <= endDate) {
                Ext.Msg.alert('Error', 'End Date must be greater than Start Date');
                me.focus();
            } else if (newValue < Ext.Date.format(new Date(), 'm/d/Y')) {
                Ext.Msg.alert('Error', 'End Date cannot be less than todays Date');
                me.focus();
            }
        }
    }
}
{
xtype:'日期字段',
参考:“endDate”,
fieldLabel:“结束日期”,
labelAlign:“顶部”,
格式:“m/d/Y”,
可编辑:false,
弹性:1,
边距:“0 10”,
//allowBlank:false,
//validateBlank:是的,
听众:{
更改:函数(me、newValue、oldValue、{}){
var endDate=me.lookupController().lookupReference('endDate').getValue();

如果(NealValue

比较日期字段值时,请考虑Debug对象,也检查显示警报是否隐藏在窗口等。


这里有一个工作示例:

你能在sencha fiddle中共享工作代码吗?很容易调试。请使用此链接-:警告此处不工作!你的fiddle链接不工作请检查一次。它现在工作。我错误地更改了版本,但现在恢复了我的更改。请再次检查Hanks Irfan以获得快速帮助。我发现了rt消息在没有调试模式的情况下也能正常工作,但在我的情况下,我有一个面板显示在一个弹出窗口上。当验证失败时,此警报消息会出现在弹出窗口下方,因此我可以看到它。现在我正在努力解决如何将自定义类/样式传递给Ext.Msg.alert,以便其z索引可以通过新值进行编辑。如果有什么建议请让我知道。我发现的另一种方法是使用自定义Ext.Msg.show({})视图设置自定义样式。另外,我知道使用OnTiggerClick()仅显示符合业务条件的值。