Question

我希望跨应用程序获取所有Ext.MessageBox.alert（）并将其设置为新位置。我们的应用程序中有很多jsp页面，我们在其中使用了Ext.MessageBox.alert（），现在要求是重新定位所有消息框，而不是在jsp中触摸它们的代码.i可以包含一个js文件，但是

选项1：我发现我能够通过以下方式重新定位消息提醒：https://stackoverflow.com/questions/1...l-align-with-y 但后来我必须更改所有jsp页面并添加：

msgBox=Ext.MessageBox.alert(jsonData.responseMessage);
msgBox.getPositionEl().setTop(50);

选项2：扩展消息框：仍然更改所有jsp

选项3：使用css：不知道怎么做？

如果有任何其他解决方案或Css解决方案没问题，任何人都可以指导我：

我的代码在

下面

    Ext.Ajax.request({
                        url : 'submitAddZone.htm',
                        params : {
                                                zoneName : Ext.getCmp('zoneNameId').getValue(),
                                                emailParam : Ext.getCmp('emailId').getValue(),
                                                requestTypeParam : Ext.getCmp('requestTypeId').getValue(),
                                                level : selectedLevel + 1,
                                                parentZoneName : selectedParentZone,
                                                currency : currencyValue,
                                                startDate : Ext.getCmp('startDateId').getValue(),
                                                startTime : Ext.getCmp('startTimeId').getValue()
                                            },
                                            method : 'POST',

                                            success : function(response,request) {
                                                toggleAddZoneElements();

                                                       var jsonData = Ext.decode(response.responseText);
                                                       if(jsonData.isSuccess){
                                                       msgBox=   Ext.MessageBox.alert(jsonData.responseMessage);
                                                     msgBox.getPositionEl().setTop(50);

                                                       addZoneWin.close();
                                                       toggleAddZoneButtons();
                                                       tree.getStore().load({url: 'loadCustomerStructure.htm'});
                                                       }else{
                                                       Ext.getCmp('sendRequest').setIcon();
                                                       Ext.getCmp('errorMessage1').setText(Encoder.htmlDecode(jsonData.errorMessage));
                                                       Ext.getCmp('errorMessage1').show();
                                                       }
                                            },
                                            failure : function(
                                                    response) {
                                                toggleAddZoneElements();
                                                msgBox= Ext.MessageBox.alert(notCreatedLabel);
                                                addZoneWin.close();
                                                msgBox.getPositionEl().setTop(50);
                                            }

                                        });

Answer 1

一个干净的解决方案是创建自己的MessageBox类，该类提供自定义警报方法，您可以在其中调用Ext.MessageBox.alert（）并更改位置。但这需要您更改所有jsp文件。

现在它变脏了：你可以尝试覆盖Ext.MessageBox.alert：

Ext.override(Ext.MessageBox,{
    alert: function(message){
         var msgBox = Ext.MessageBox.alert(message);
         msgBox.getPositionEl().setTop(50);
    }
});

但是这会影响对Ext.MessageBox.alert（）的所有调用。我不想在我的代码中有这样的黑客攻击。

重新定位Ext.MessageBox.alert（）而不更改当前代码

1 个答案: