DevExpress での読み込み中パネルのモーダル設定

DevExpress での読み込み中パネルのモーダル設定のサンプルです。

現状の画面デザインはこのようになっています。

＜読み込み中パネルのモーダル設定＞

・「ASPxLoadingPanel」に対して「Modal=”True”」の設定を行います。

【サンプルプログラム】

<head runat="server">
    <script type="text/javascript">
        window.onload = function () {
            Callback.PerformCallback();
            LoadingPanel.Show();
        }
    </script>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <dx:ASPxLoadingPanel ID="ASPxLoadingPanel1" runat="server" 
            ClientInstanceName="LoadingPanel" Theme="RedWine" Height="200px" 
            Modal="True" Width="300px">
        </dx:ASPxLoadingPanel>
        <dx:ASPxCallback ID="ASPxCallback1" runat="server" 
            ClientInstanceName="Callback">
            <ClientSideEvents CallbackComplete="function(s, e) {
                LoadingPanel.Hide();
            }" />
        </dx:ASPxCallback>
    </div>
    </form>
</body>

window.onload = function () {

Callback.PerformCallback();

LoadingPanel.Show();

}

</script>

</head>

<body>

<div>

<dx:ASPxLoadingPanel ID="ASPxLoadingPanel1" runat="server"

ClientInstanceName="LoadingPanel" Theme="RedWine" Height="200px"

Modal="True" Width="300px">

</dx:ASPxLoadingPanel>

<dx:ASPxCallback ID="ASPxCallback1" runat="server"

ClientInstanceName="Callback">

<ClientSideEvents CallbackComplete="function(s, e) {

LoadingPanel.Hide();

}" />

</dx:ASPxCallback>

</div>

</form>

</body>

【サンプルプログラム（VB.NET）】

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
    Threading.Thread.Sleep(5000)
End Sub

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

Threading.Thread.Sleep(5000)

End Sub

※処理中にするために「Page_Load」で「5秒」待機する設定

それでは、実行して動作確認を行います。

※見た目の変化なし

無事に読み込み中パネル（ASPxLoadingPanel）のモーダル設定が出来ました。

関連記事はこちら:

DevExpress のサンプル作成（ASPxLoadingPanel）（JavaScript） DevExpress のサンプル作成（ASPxLoadingPanel）（JavaScript）手順です。使用するオブジェクトは下記です。・ASPxLoadingPanel ・ASPxCallback 処理の流れは ......
DevExpress での読み込み中パネルのアイコンサイズ設定 DevExpress での読み込み中パネル（ASPxLoadingPanel）のアイコンサイズ設定のサンプルです。現状の画面デザインはこのようになっています。＜読み込み中パネルのアイコンサイズ設定＞・「ASPxLo ......
DevExpress での読み込み中パネルの文字列設定 DevExpress での読み込み中パネル（ASPxLoadingPanel）の文字列設定のサンプルです。現状の画面デザインはこのようになっています。＜読み込み中パネルの文字列設定＞・「ASPxLoadingPan ......
DevExpress での読み込み中パネルのアイコン位置設定 DevExpress での読み込み中パネル（ASPxLoadingPanel）のアイコン位置設定のサンプルです。【注意（バグ）】「RedWine」のテーマでは、「DevExpress」のバグでアイコン位置が変わりませ ......
DevExpress での読み込み中パネルのアイコン非表示設定 DevExpress での読み込み中パネル（ASPxLoadingPanel）のアイコン非表示設定のサンプルです。現状の画面デザインはこのようになっています。＜読み込み中パネルのアイコン非表示設定＞・「ASPxLo ......
DevExpress での読み込み中パネルの背景色設定 DevExpress での読み込み中パネル（ASPxLoadingPanel）の背景色設定のサンプルです。現状の画面デザインはこのようになっています。＜読み込み中パネルの背景色設定＞・「ASPxLoadingPan ......
DevExpress での読み込み中パネルの文字色設定 DevExpress での読み込み中パネル（ASPxLoadingPanel）の文字色設定のサンプルです。現状の画面デザインはこのようになっています。＜読み込み中パネルの文字色設定＞・「ASPxLoadingPan ......
DevExpress での読み込み中パネルのフォント設定 DevExpress での読み込み中パネル（ASPxLoadingPanel）のフォント設定のサンプルです。現状の画面デザインはこのようになっています。＜読み込み中パネルのフォント設定＞・「ASPxLoadingP ......
DevExpress での読み込み中パネル外の背景色設定 DevExpress での読み込み中パネル外の背景色設定のサンプルです。現状の画面デザインはこのようになっています。＜読み込み中パネル外の背景色設定＞・「ASPxLoadingPanel」の「LoadingDivS ......
DevExpress での読み込み中パネル外の背景色透明度設定 DevExpress での読み込み中パネル外（ASPxLoadingPanel）の背景色透明度設定のサンプルです。現状の画面デザインはこのようになっています。＜読み込み中パネル外の背景色透明度設定＞・「ASPxLo ......

投稿タグ: ASPxCallback, ASPxLoadingPanel

MENU

最近の投稿

人気記事