Set ICON to Ext.MessageBox.QUESTION : MessageBox « Ext JS « JavaScript DHTML






  1. JavaScript DHTML
  2. Ext JS
  3. MessageBox

Set ICON to Ext.MessageBox.QUESTION

  
<!--
/*!
 * 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.show({
           title:'Save Changes?',
           msg: 'You are closing a tab that has unsaved changes. <br />Would you like to save your changes?',
           buttons: Ext.MessageBox.YESNOCANCEL,
           fn: showResult,
           animEl: 'mb4',
           icon: Ext.MessageBox.QUESTION
       });
    });

    //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>
<button id="mb1">Show</button>
</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.Ext.Msg.alert
9.Single line of Ext.Msg.prompt
10.Prompt dialog with multiline
11.Ext.Msg.confirm
12.Set icon and button for Ext.Msg
13.Simplest message box
14.Prompt message dialog
15.Set title, message, width, button, handler function for MessageBox
16.Alert message dialog
17.Display confirm message dialog box
18.Define handler function for confirm message dialog
19.Ext.Msg.alert('asdf');