4

Dojoで確認ダイアログボックスを作成するには? Dojo ダイアログ (javascript 確認ダイアログなし) でボタンをクリックすると、OK キャンセル ダイアログが表示されるようにしたいと思います。これまでのところ、クリックイベントでのみダイアログを表示できます。私のコードは次のとおりです。

<script type="text/javascript">
dojo.require("dijit.form.Button");
dojo.require("dijit.Dialog");

var secondDlg;
dojo.ready(function(){
    // create the dialog:
    secondDlg = new dijit.Dialog({
       title: "Programmatic Dialog Creation",
       style: "width: 300px",
   draggable:false
    });
});
showDialogTwo = function(){
   // set the content of the dialog:
   secondDlg.set("content", "Hey, I wasn't there before, I was added at " + new Date() + "!");
   secondDlg.show();
}
</script>
</head>
<body class="claro" style="margin-right:10px;">
<button id="buttonTwo" data-dojo-type="dijit.form.Button" data-dojo-props="onClick:showDialogTwo" type="button">Show me!</button>
</body>

この OK キャンセル ダイアログ ボックスを作成するにはどうすればよいですか?

4

3 に答える 3

2 
<script type="dojo/method" event="onClick">
                    var dialog = new dijit.Dialog({
                        title: "Delete Switch Type",
                        style: "width: 400px",
                        content : "Do you really want to delete ?????<br>"
                    });
                   //Creating div element inside dialog
                    var div = dojo.create('div', {}, dialog.containerNode);
                    dojo.style(dojo.byId(div), "float", "left");

                    var noBtn = new dijit.form.Button({
                                label: "Cancel",
                                onClick: function(){
                                    dialog.hide();
                                    dojo.destroy(dialog);
                                }
                             });

                    var yesBtn = new dijit.form.Button({
                                label: "Yes",
                                style : "width : 60px",
                                onClick : <your function here>,
                                dialog.hide();
                    dojo.destroy(dialog);
                                }
                             });
                                  //adding buttons to the div, created inside the dialog
                    dojo.create(yesBtn.domNode,{}, div);
                    dojo.create(noBtn.domNode,{}, div);
                    dialog.show();
                </script>

ボタンのクリックイベントで、このコードをインライン道場/メソッドとして使用しています。とにかく変更できます

于 2012-07-02T07:09:14.520 に答える
0

上記の解決策では、ダイアログの右上にある小さな十字は考慮されていません。

私はずっと前に、小さな一連のダイアログを実行しましたが、ここでいくつかの幸せを見つけるかもしれません。特に、ConfirmDialog.js今日githubにアップロードしたので、それらを見ることができます：http: //github.com/PEM- FR / Dojo-Components / tree / master / dojox / dialog

それらは「そのまま」またはマイナーな変更を加えて使用できる必要があります

于 2012-07-03T07:06:02.727 に答える