最近のアクセス:
Web アプリケーションでプログレスインジケータを使用する方法

最初に、プログレス インジケータ ユーザー コントロールをツールボックスから Web フォームにドラッグします。
コントロールの要件を参照してください。
イメージ:32778.png
この例では、実行時間が長いタスクを実行し、プログレスバーを使用してその進行状況をユーザーに通知します。
Web パネルに次のプログラムを追加します:
Event Test1
    LongRunningTask.Submit('')
Endevent
コードは送信 (非同期で実行) する必要があります。
LongRunningTask のコードは次のとおりです:
//何らかの時間がかかる処理を実行
//ProgressIndicator は次のように定義: Progress (GeneXus.Common.UI)
&ProgressIndicator.Type = ProgressIndicatorType.Determinate
&ProgressIndicator.ShowWithTitle("Executing action")
&ProgressIndicator.Value = 10
//何らかの時間がかかる処理を実行
&ProgressIndicator.Value = 30
//何らかの時間がかかる処理を実行
&ProgressIndicator.Value = 70
//何らかの時間がかかる処理を実行
&ProgressIndicator.Value = 100
//何らかの時間がかかる処理を実行
&ProgressIndicator.Hide()

プログレスインジケータのスタイル

既定では、Web 向けのプログレスインジケータはテーマのカスタムノードの GXProgressBar クラスに割り当てられます。
イメージ:32784.png
progress-bar-title クラスおよび progress-bar クラスは GXProgressBar クラスの下位クラスです。また、これらは、必要に応じてテーマエディターを使用してカスタマイズできます。
クラスに変更を加える、または GXProgressBar の子ノードを作成し、次のように、実行時にコントロールにクラスを設定できます:
&ProgressIndicator.Class = "progress-bar-success"
こちらでサンプルをダウンロードできます。







サブページ
Created: 17/05/30 19:03 by Admin Last update: 21/10/28 23:30 by Admin
カテゴリ
Powered by GXwiki 3.0