Ext.Msg.alert('asdf'); : MessageBox « Ext JS « JavaScript DHTML






Ext.Msg.alert('asdf');

   

<html>
<head>
<title>Hello World Window</title>
<link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.0.0/ext-all.js"></script>

</head>
<body>
<script type="text/javascript">
Ext.onReady(function() {
    var radioGroup = {
        xtype: 'fieldset',
        title: 'Groups',
        autoHeight: true,
        items: [{
            xtype: 'textfield',
            name: 'txt-test4',
            fieldLabel: 'Label',
            anchor: '95%'
        }]
    };
    var fp = new Ext.FormPanel({
        title: 'Title',
        frame: true,
        labelWidth: 110,
        width: 600,
        renderTo:Ext.getBody(),
        bodyStyle: 'padding:0 10px 0;',
        items: [
           radioGroup
        ],
        buttons: [{
            text: 'Save',
            handler: function(){
               if(fp.getForm().isValid()){
                    Ext.Msg.alert('asdf');
                }
            }
        },{
            text: 'Reset',
            handler: function(){
                fp.getForm().reset();
            }
        }]
    });


});
</script> 
<div id='div1'>asdf</div>
</body>
</html>

   
    
    
  








Related examples in the same category

1.Alert Dialog MessageBox
2.Ext.MessageBox.alert
3.Ext.MessageBox.wait
4.Set message dialog icon
5.Set message dialog button options
6.Set Width, title and msg for message dialog
7.Ext.MessageBox.YESNOCANCEL
8.Set ICON to Ext.MessageBox.QUESTION
9.Ext.Msg.alert
10.Single line of Ext.Msg.prompt
11.Prompt dialog with multiline
12.Ext.Msg.confirm
13.Set icon and button for Ext.Msg
14.Simplest message box
15.Prompt message dialog
16.Set title, message, width, button, handler function for MessageBox
17.Alert message dialog
18.Display confirm message dialog box
19.Define handler function for confirm message dialog