ui.igDialog

ui.igDialog_image

igDialogWindow は、ページでモダルおよび非モダル ダイアログを開くことが可能なコンポーネントです。各ダイアログで閉じる、固定、最大化、最小化などの動作が利用可能です。

この API のクラス、オプション、イベント、メソッド、およびテーマの詳細は、上記の関連するタブの下に表示されます。

次のコード スニペットは igDialogWindow コントロールの初期化方法を示しています。

igDialogWindow コントロールに必要なスクリプトおよびテーマの参照方法についての詳細は、 Ignite UI での JavaScript リソースの使用および Ignite UI のスタイルとテーマの設定をお読みください。

コード サンプル

<!doctype html>
<html>
<head>
    <!-- jQuery Core -->
    <script src="js/jquery.js" type="text/javascript"></script>
    <!-- jQuery UI -->
    <script src="js/jquery-ui.js" type="text/javascript"></script>
    <!-- Infragistics Loader Script -->
    <script src="js/infragistics.loader.js" type="text/javascript"></script>
    <!-- Infragistics Loader Initialization -->
    <script type="text/javascript">
        $.ig.loader({
            scriptPath: "js/",
            cssPath: "css/",
            resources: "igDialog"
        });
         
        $.ig.loader(function () {
            // Initialize the igDialog
            $("#dialog").igDialog({
                state: "opened",
                height: 460,
                width: 440
            });
        });
    </script>
</head>
<body>
    <div id="dialog"></div>
</body>
</html>

関連サンプル

関連トピック

依存関係

jquery-1.9.1.js
jqueryui/1.8.11/jquery-ui.js
jquery.ui.core.js
jquery.ui.widget.js
jquery.ui.mouse.js
jquery.ui.draggable.js
jquery.ui.resizable.js
infragistics.util.js
infragistics.util.jquery.js
infragistics.ui.widget.js

継承

Copyright © 1996 - 2025 Infragistics, Inc. All rights reserved.