▼Adobe AIRメモ▼
ダイアログ


ダイアログを開くHTMLアプリケーションを作成する。


ソースコード
root.html
<html>
    <head>
    </head>
    <frameset>
        <frame id="UI"
            src="DialogEx.html"
            sandboxRoot="http://npaka.net/"
            documentRoot="app:/"
            width="100%" 
            height="100%">
        </frame>        
    </frameset>
</html>

DialogEx.html
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>DialogEx</title>
    
    <!--ライブラリ-->
    <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
    <script type="text/javascript" src="adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="ext-all.js"></script>

    <!--プログラム-->
    <script type="text/javascript" src="DialogEx.js"></script>
</head>
<body>
    <!--ボタン-->
    <table cellspacing=10>
    <tr><td><div id="button1"></div></td></tr>
    <tr><td><div id="button2"></div></td></tr>
    <tr><td><div id="button3"></div></td></tr>
    <tr><td><div id="button4"></div></td></tr>
    </table>
</body>
</html>

DialogEx.js
//ダイアログ
dialogEx=function(){
    var Button=Ext.Button;
        var MessageBox=Ext.MessageBox;
        
    return {
        //初期化
        init : function(){            
            //ボタンの生成
            var button1=new Button('button1',{text:'メッセージダイアログ'});
            var button2=new Button('button2',{text:'Yes・Noダイアログ'});
            var button3=new Button('button3',{text:'文字入力ダイアログ'});
            var button4=new Button('button4',{text:'プログレスバー'});

            //メッセージダイアログの表示
            button1.on('click',function() {
                MessageBox.alert(
                    'メッセージダイアログ',
                    'メッセージダイアログです。',
                    dialogEx.onResult);
            });

            //Yes・Noダイアログの表示
            button2.on('click',function(evt) {
                MessageBox.confirm(
                    'Yes・Noダイアログ',
                    'Yes・Noダイアログです。', 
                    dialogEx.onResult);
            });

            //文字入力ダイアログの表示
            button3.on('click',function(evt) {
                MessageBox.prompt(
                    '文字入力ダイアログ',
                    '文字入力してください。:',
                    dialogEx.onResult);
            });

            //プログレスバーの表示
            button4.on('click',function() {
                //プログレスバーの生成
                MessageBox.show({
                   title   :'プログレスバー',
                   msg     :'初期化中…',
                   width   :240,
                   progress:true,
                   closable:false,
                });
        
                //定期処理の関数
                var f=function(v) {
                    return function(){
                    if (v<=10) {
                        MessageBox.updateProgress(
                            v/10,'読み込み '+v+'/10');
                        } else {
                            MessageBox.hide();
                        }
                    };
                };
        
                //定期処理の実行
                for (var i=1;i<=11;i++) {
                    setTimeout(f(i),i*1000);
                }
            });
        },
    
        //結果イベントの処理
        onResult : function(button,text){
            MessageBox.alert(
                '結果','ボタン:'+button+',テキスト:'+text);
        }
    };
}();
Ext.onReady(dialogEx.init,dialogEx,true);




−戻る−