Define handler function for confirm message dialog : MessageBox « Ext JS « JavaScript DHTML






  1. JavaScript DHTML
  2. Ext JS
  3. MessageBox

Define handler function for confirm message dialog

   
<!--
/*!
 * Ext JS Library 3.0.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
-->
<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>

<!-- Revised from demo code in ext3.0.0 -->
<body>
<script type="text/javascript">
/*!
 * Ext JS Library 3.0.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
Ext.onReady(function(){
    Ext.get('mb1').on('click', function(e){
        Ext.MessageBox.confirm('Confirm', 'Are you sure you want to do that?', showResult);
    });

    //Add these values dynamically so they aren't hard-coded in the html
    Ext.fly('info').dom.value = Ext.MessageBox.INFO;
    Ext.fly('question').dom.value = Ext.MessageBox.QUESTION;
    Ext.fly('warning').dom.value = Ext.MessageBox.WARNING;
    Ext.fly('error').dom.value = Ext.MessageBox.ERROR;


    function showResult(btn){
        Ext.example.msg('Button Click', 'You clicked the {0} button', btn);
    };

    function showResultText(btn, text){
        Ext.example.msg('Button Click', 'You clicked the {0} button and entered the text "{1}".', btn, text);
    };
});
</script>
<p>
    <b>Confirm</b><br />
    Standard Yes/No dialog.
    <button id="mb1">Show</button>
</p>

</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.Ext.Msg.alert('asdf');