バージョン
帳票サーババージョン | 機能変動 |
11.0 | - |
11.0.7 | FineVis可視化カンバンの関連インターフェースの説明を補足 |
11.0.10 | Msg.toast のパラメータ形式を最適化 |
11.0.25 | メッセージボックスのスタイルを最適化 |
FineReportには統一したスタイルのメッセージボックスが組み込まれており、Windowsのalert、confirm、prompt、toastポップアップを代替して実現できます。
Msg.alert
一般帳票とダッシュボード
方法 | FR.Msg.alert(title, message, callback) | 確定ボタンのみを備えたメッセージボックスを表示する |
パラメータ | title:String message:String callback:function | title:警告ボックスのタイトル |
戻り値 | void | |
例 | 「警告」をタイトルとし、「値エラー」を内容とするメッセージボックスを表示する: 「警告」をタイトルとし、「値エラー」を内容とするメッセージボックスを表示し、確認をクリック後にtextEditor0「テキストウィジェット」の値をクリアする: | |
応用例 | [テキストウィジェット]に[編集終了]イベントを追加し、書き込みされた社員番号の長さが6でない場合、「社員番号は必ず6桁である必要があります」とポップアップで提示する:
| |
モバイル端末 | モバイル端末をサポート | |
FineVis可視化カンバン
方法 | duchamp.Msg.alert( { title:String message:String callback:function } ) | 「分かりました」ボタンのみを備えたメッセージボックスを表示する |
パラメータ | title:String message:String callback:function 注意:文字列(String)形式以外のデータ(ブール値、日付など)を渡した場合、ポップアップの内容が空になったり表示できなかったりする可能性がある | title:警告ボックスのタイトル(必須) message:警告ボックス内に表示するヒント内容(必須) callback:「確定」をクリック時に呼び出される関数方法(任意) |
戻り値 | void | |
例 | 「警告」をタイトルとし、「値エラー」を内容とするメッセージボックスを表示する: 「警告」をタイトルとし、「値エラー」を内容とするメッセージボックスを表示し、確認をクリック後にtextEditor0「テキストウィジェット」の値をクリアする: | |
応用例 | テンプレートをダウンロードするにはこちらをクリックしてください:
| |
モバイル端末 | モバイル端末をサポート | |
Msg.confirm
一般帳票とダッシュボード
方法 | FR.Msg.confirm(title, message, callback) | 確認とキャンセルボタンを備えたメッセージボックスを表示する |
パラメータ | title:String message:String callback:function | title:ダイアログタイトル · 確認をクリックすると、valueの値はtrueである · キャンセルをクリックすると、valueの値はfalseである 注意:valueはcallback内でのみ取得可能で、直接「FR.Msg.confirm (title, message, callback)」の結果からは取得できない |
戻り値 | void | |
例 | 「警告」をタイトルとし、「本当に削除しますか」を内容とするメッセージボックスを表示する: 「警告」をタイトルとし、「本当に削除しますか」を内容とする警告ボックスを表示する。確認をクリック時に「削除します!」を、キャンセルをクリック時に「削除をキャンセルします!」を表示する: | |
応用例 | ある削除ボタンに「クリック」イベントを追加する。「クリア」ボタンをクリック時に、クリアするかどうかを確認する:
| |
モバイル端末 | モバイル端末をサポート | |
FineVis可視化カンバン
方法 | duchamp.Msg.confirm( { title:String, message:String, callback:function } ) | 確認とキャンセルボタンを備えたメッセージボックスを表示する |
パラメータ | title:String message:String callback:function | title:ダイアログタイトル(必須) message:ダイアログ内に表示するヒント内容(必須) callback:確認またはキャンセルをクリック時に呼び出される方法。パラメータ値valueを取得可能(任意) · 確認をクリックすると、valueの値はtrueである · キャンセルをクリックすると、valueの値は falseである |
戻り値 | void | |
例 | 「警告」をタイトルとし、「本当に削除しますか」を内容とするメッセージボックスを表示する: 「警告」をタイトルとし、「本当に削除しますか」を内容とする警告ボックスを表示する。確認をクリック時に「削除します!」を、キャンセルをクリック時に「削除をキャンセルします!」を表示する: | |
応用例 | タイトルに「クリック」イベントを追加し、メッセージボックスで「確定」をクリック時にテキストボックスの内容をクリアし、「キャンセル」をクリック時にクリアをキャンセルする: テンプレートをダウンロードするにはこちらをクリックしてください:
| |
モバイル端末 | モバイル端末をサポート | |
Msg.prompt
一般帳票とダッシュボード
方法 | FR.Msg.prompt(title, message, value, callback) | 内容を返すメッセージボックスを表示する |
パラメータ | title:String message:String callback:function Value:String | title:ダイアログタイトル |
戻り値 | void | |
例 | 「入力」をタイトルとし、「趣味」を内容とするメッセージボックスを表示する: 「入力」をタイトルとし、「趣味」を内容とし、デフォルト入力の趣味が「運動」であるメッセージボックスを表示する: 「入力」をタイトルとし、「趣味」を内容とし、デフォルトで値なし、値を入力した後textEditor0「テキストボックスウィジェット」に渡す: | |
応用例 | 「単一選択ボタン」に[状態変更]イベントを追加し、「その他」を選択した際にメッセージボックスを表示し、その他の運動項目を入力してセルに値が返される: | |
モバイル端末 | モバイル端末をサポート | |
FineVis可視化カンバン
方法 | duchamp.Msg.prompt( { title:String, message:String, callback:function, value:String } ) | 内容を返すメッセージボックスを表示する |
パラメータ | title:String message:String callback:function Value:String | title:ダイアログタイトル(必須) |
戻り値 | void | |
例 | 「入力」をタイトルとし、「趣味」を内容とし、デフォルトで値なし、値を入力した後「テキストボックス」ウィジェットコンポーネントに渡す: | |
応用例 | 「名前を入力」をクリックし、表示されるメッセージボックスに名前を入力した後に「確定」をクリックすると、「テキストボックス」ウィジェットコンポーネントに値が返される テンプレートをダウンロードするにはこちらをクリックしてください:
| |
モバイル端末 | モバイル端末をサポート | |
Msg.toast
一般帳票とダッシュボード
方法 | FR.Msg.toast(message) | 帳票のページからメッセージボックスを表示する |
パラメータ | message:String 注意:11.0.10以降のバージョンでパラメータは json形式をサポートし、またパラメータtypeを新規追加した。以下のように: { message:String, type:"success" | "info" | "warn" | "error" } | message:メッセージボックス内の内容 · success: · info: · warn: · error: |
戻り値 | void | |
例 | 「エクスポート成功」を内容とする横長型のメッセージを表示する: タイプを「成功」とし、「エクスポート成功」を内容とするアイコン付きメッセージを表示する: | |
応用例 | 1)一般帳票の例 ページに「Excelエクスポート後」イベントを追加し、Excelをエクスポートした後にページに「エクスポート成功」を表示する:
2)新自動調整ダッシュボードの例 Excelをエクスポート後にページに「エクスポート成功」を表示する:
3)旧自動調整ダッシュボードの例 Excelをエクスポート後にページに「エクスポート成功」を表示する:
| |
モバイル端末 | モバイル端末をサポート | |
FineVis可視化カンバン
方法 | duchamp.Msg.toast( { message:String, type:"success" | "info" | "warn" | "error" } ) | 帳票のページ右上隅に横長型のメッセージボックスを表示する |
パラメータ | message:String type:"success" | "info" | "warn" | "error" 注意:文字列(String)形式以外のデータ(ブール値、日付など)を渡した場合、ポップアップの内容が空になったり表示できなかったりする可能性がある | message:メッセージボックス内の内容(必須) · success: · info: · warn: · error: |
戻り値 | void | |
例 | 「これは正しいです」を内容とする横長型のメッセージを表示する: | |
応用例 | 「太陽は東から昇る」をクリックすると「これは正しいです」を、「太陽は西から昇る」をクリックすると「これは間違いです」を表示する。メッセージボックスは手動で閉じることができ、または数秒待つと自動的に閉じる。 テンプレートをダウンロードするにはこちらをクリックしてください:
| |
モバイル端末 | モバイル端末をサポート | |
