Ext JS 4 - alert not displaying

Ask Question Forum:

Model Library:2025-02-08 Updated:A.I. model is online for auto reply question page

Show

ASK RECENT

Ext JS 4 - alert not displaying

Asked by ank5

at 2024-11-04 11:11:07

Point:500 Replies:8 POST_ID:828777USER_ID:11616

Topic:

JavaScript;Web Languages/Standards;Scripting Languages

I have an Ext JS function in which I was displaying a javascript alert and it worked perfectly fine.

if(matchStatus == false) {            alert('Please refine your selection');            return false; }

1:2:3:4:

Select All Code

Now I want to display an Ext JS alert instead of Javascript alert, so I changed the above code to

if(matchStatus == false) {            Ext.Msg.alert("Alert", "Please refine your selection");"            return false;"        }

1:2:3:4:

Select All Code

Now this code does not work. In my UI, I get an blank alert window (please refer to the attached screenshot).

Can someone please help me resolve this problem. Thank you.

Attachment:Alert.jpg

Accepted Solution

Expert: duncanb7 replied at 2024-11-07 11:22:59

250 points EXCELLENT

Could you send us your file with all link or script file you include
in the html fille , not just function code but also something like as follows

<link rel="stylesheet"type="text/css"
href="lib/extjs/resources/css/ext-all.css"/>
<script src="lib/extjs/adapter/ext/ext-base.js"></script>
<script src="lib/extjs/ext-all-debug.js"></script>

Author: ank5 replied at 2024-11-05 22:04:13

Tried this but it didn't help either

Ext.namespace('m2n');(function() {    m2n.getLinkStatus = function(folderObjID, docParentFolderIDs) {        var matchStatus = true;        folderObjID = folderObjID+"";        docParentFolderIDs = docParentFolderIDs+"";        var folderObjIDArray = '';        var docParentFolderIDsArray = '';        if(folderObjID != '') {            folderObjIDArray = folderObjID.split(',');        }        if(docParentFolderIDs != '') {            docParentFolderIDsArray = docParentFolderIDs.split(',');        }        for(var i = 0; i < folderObjIDArray.length; i++){            for(var j = 0; j < docParentFolderIDsArray.length; j++){                if(folderObjIDArray[i].indexOf(docParentFolderIDsArray[j]) > -1) {                    matchStatus = false;                }            }        }        if(matchStatus == false) {           Ext.onReady(function(){				Ext.MessageBox.alert("Alert1", "Please refine your selection1");		   });           return false;        }        return matchStatus;    };})();

1:2:3:4:5:6:7:8:9:10:11:12:13:14:15:16:17:18:19:20:21:22:23:24:25:26:27:28:29:30:31:32:33:34:35:

Select All Code

Assisted Solution

Expert: mikeyd234 replied at 2024-11-05 09:55:08

250 points EXCELLENT

Also, make sure you've included the default Ext theme / style-sheet on your page. I've forgotten to do it once or twice and things look weird - just like in your screenshot.

Another thing,
Use the the short form like in your first post :D less typing, boo to Ext.MessageBox.alert :)

Ext.Msg.alert('Alert', 'Please refine your selection');

1:

Select All Code

Expert: duncanb7 replied at 2024-11-05 09:51:52

Yes, mikey, that is typing mistake

Expert: mikeyd234 replied at 2024-11-05 09:42:08

Ext.onready

1:

Select All Code

should be

Ext.onReady

1:

Select All Code

Case sensitive

Author: ank5 replied at 2024-11-04 20:48:46

Here is my complete code. This functions is called from UI. The Javascript alert works fine but Ext JS alert doesn't

(function() {    m2m.getLinkStatus = function(folderObjID, docParentFolderIDs) {        var matchStatus = true;        folderObjID = folderObjID+"";        docParentFolderIDs = docParentFolderIDs+"";       var folderObjIDArray = '';        var docParentFolderIDsArray = '';        if(folderObjID != '') {            folderObjIDArray = folderObjID.split(',');        }        if(docParentFolderIDs != '') {            docParentFolderIDsArray = docParentFolderIDs.split(',');            //		alert('array size docParentFolderIDsArray '+docParentFolderIDsArray.length);        }        for(var i = 0; i < folderObjIDArray.length; i++){            for(var j = 0; j < docParentFolderIDsArray.length; j++){                if(folderObjIDArray[i].indexOf(docParentFolderIDsArray[j]) > -1) {                    matchStatus = false;                }            }        }        if(matchStatus == false) {          //  Ext.Msg.alert("Alert", "Please refine your selection");         //   alert('Please refine your selection');           Ext.onready(function(){				Ext.MessageBox.alert("Alert", "Please refine your selection");		   });			return false;        }        return matchStatus;    };})();

1:2:3:4:5:6:7:8:9:10:11:12:13:14:15:16:17:18:19:20:21:22:23:24:25:26:27:28:29:30:31:32:33:34:35:36:37:

Select All Code

Also, the below code gives an error in Javascript console

Ext.onready(function(){				Ext.MessageBox.alert("Alert", "Please refine your selection");		   });

1:2:3:

Select All Code

Error is as follows

Uncaught TypeError: Object #<"Object>" has no method 'onready'

1:

Select All Code

Expert: Rainer Jeschor replied at 2024-11-04 13:45:55

Hi,
as this very basic sample:
http://jsfiddle.net/EE_RainerJ/6S68L/

works as expected (and according to your screenshot the alert and the alert title are shown but not the message), I can only think of an issue in regards to the CSS.
Could you perhaps share more of your code or even better provide a link to the page?
Which exact version of Ext JS are you using?

Thanks.
Rainer

Expert: duncanb7 replied at 2024-11-04 13:18:49

http://c4learn.com/tutorials/learn-extjs/alert-message-box-in-extjs/

take a look

and try to use
if(matchStatus == false) {
Ext.onready(function(){

Ext.MessageBox.alert("Alert", "Please refine your selection");

});
}

Hope it works

新聞財經娛樂♬資訊 News Economy

About Us|Service|Pricing

Stock Index全球即時指數期貨:

&nbps;

News即時新聞:↓

News即時新聞:↑

On Balance Volume (OBV):

Youtube Video♬ Sharing by members:↓

Youtube Video♬ Sharing by members:↑

Ask Question Forum:

Ext JS 4 - alert not displaying

Your Information

Members/Profolio