FR.Msg

  • 作成者:FRInternational
  • 編集回数:9次
  • 最終更新:ayuan0625 于 2025-07-15
  • バージョン

    帳票サーババージョン

    機能変動

    11.0

    -

    11.0.7

    FineVis可視化カンバンの関連インターフェースの説明を補足
    「FineVisデータ可視化」プラグイン V1.8.0 以降をインストールしたユーザ向け

    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:警告ボックスのタイトル
    message:警告ボックス内に表示するヒント内容
    callback:確定ボタンをクリック時に呼び出される関数方法

    戻り値

    void

    「警告」をタイトルとし、「値エラー」を内容とするメッセージボックスを表示する:

    FR.Msg.alert("警告", "値エラー");

    「警告」をタイトルとし、「値エラー」を内容とするメッセージボックスを表示し、確認をクリック後にtextEditor0「テキストウィジェット」の値をクリアする:

    var a = _g().getParameterContainer().getWidgetByName("textEditor0");
    FR.Msg.alert("警告", "値エラー", function() {
        a.reset();
    });

    応用例

    [テキストウィジェット]に[編集終了]イベントを追加し、書き込みされた社員番号の長さが6でない場合、「社員番号は必ず6桁である必要があります」とポップアップで提示する:

    未命名项目.gif

    モバイル端末

    モバイル端末をサポート

    FineVis可視化カンバン

    方法

    duchamp.Msg.alert(

    {

    title:String

    message:String

    callback:function

    }

    )

    「分かりました」ボタンのみを備えたメッセージボックスを表示する

    パラメータ

    title:String

    message:String

    callback:function

    注意:文字列(String)形式以外のデータ(ブール値、日付など)を渡した場合、ポップアップの内容が空になったり表示できなかったりする可能性がある

    title:警告ボックスのタイトル(必須)

    message:警告ボックス内に表示するヒント内容(必須)

    callback:「確定」をクリック時に呼び出される関数方法(任意)

    戻り値

    void

    「警告」をタイトルとし、「値エラー」を内容とするメッセージボックスを表示する:

    duchamp.Msg.alert({
        title:"警告",
        message:"値エラー!"
    });

    「警告」をタイトルとし、「値エラー」を内容とするメッセージボックスを表示し、確認をクリック後にtextEditor0「テキストウィジェット」の値をクリアする:

    var a = duchamp.getWidgetByName("テキストボックス");
    duchamp.Msg.alert({
        title:"警告",
        message:"値エラー!",
        callback:function(){a.reset();}
    });

    応用例

    テンプレートをダウンロードするにはこちらをクリックしてください:

    確認メッセージボックスを表示.fvs

    未命名项目4.gif 

    モバイル端末

    モバイル端末をサポート

    Msg.confirm

    一般帳票とダッシュボード

    方法

    FR.Msg.confirm(title, message, callback)

    確認とキャンセルボタンを備えたメッセージボックスを表示する

    パラメータ

    title:String

    message:String

    callback:function

    title:ダイアログタイトル
    message:ダイアログ内に表示するヒント内容
    callback:確認またはキャンセルをクリック時に呼び出される方法。パラメータ値valueを取得可能:

    · 確認をクリックすると、valueの値はtrueである

    · キャンセルをクリックすると、valueの値はfalseである

    注意:valueはcallback内でのみ取得可能で、直接「FR.Msg.confirm (title, message, callback)」の結果からは取得できない

    戻り値

    void

    「警告」をタイトルとし、「本当に削除しますか」を内容とするメッセージボックスを表示する:

    FR.Msg.confirm("警告","本当に削除しますか");

    「警告」をタイトルとし、「本当に削除しますか」を内容とする警告ボックスを表示する。確認をクリック時に「削除します!」を、キャンセルをクリック時に「削除をキャンセルします!」を表示する:

    FR.Msg.confirm("警告", "本当に削除しますか", function(value) {
          if (value == true) {
                alert("削除します!");
          } else {
                alert("削除をキャンセルします!");
          }
    });

    応用例

    ある削除ボタンに「クリック」イベントを追加する。「クリア」ボタンをクリック時に、クリアするかどうかを確認する:

    未命名项目2.gif

    モバイル端末

    モバイル端末をサポート

    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

    「警告」をタイトルとし、「本当に削除しますか」を内容とするメッセージボックスを表示する:

    duchamp.Msg.confirm({
        title:"警告",
        message:"本当に削除しますか",
    });

    「警告」をタイトルとし、「本当に削除しますか」を内容とする警告ボックスを表示する。確認をクリック時に「削除します!」を、キャンセルをクリック時に「削除をキャンセルします!」を表示する:

    var a = duchamp.getWidgetByName("テキストボックス");
    duchamp.Msg.confirm({
        title:"警告",
        message:"本当に削除しますか",
        callback:function(value){
            if(value == true){
            alert("削除します!");
            a.reset();}
            else{alert("削除をキャンセルします!");}
        }
    });

    応用例

    タイトルに「クリック」イベントを追加し、メッセージボックスで「確定」をクリック時にテキストボックスの内容をクリアし、「キャンセル」をクリック時にクリアをキャンセルする:

    テンプレートをダウンロードするにはこちらをクリックしてください:

    確認キャンセルメッセージボックスを表示.fvs

    未命名项目5.gif 

    モバイル端末

    モバイル端末をサポート

    Msg.prompt

    一般帳票とダッシュボード

    方法

    FR.Msg.prompt(title, message, value, callback)

    内容を返すメッセージボックスを表示する

    パラメータ

    title:String

    message:String

    callback:function

    Value:String

    title:ダイアログタイトル
    message:ダイアログ内に表示するヒント内容
    callback:確定をクリック時に呼び出される方法
    Value:デフォルトの返し内容

    戻り値

    void

    「入力」をタイトルとし、「趣味」を内容とするメッセージボックスを表示する:

    FR.Msg.prompt("入力","趣味");

    「入力」をタイトルとし、「趣味」を内容とし、デフォルト入力の趣味が「運動」であるメッセージボックスを表示する:

    FR.Msg.prompt("入力","趣味","運動");

    「入力」をタイトルとし、「趣味」を内容とし、デフォルトで値なし、値を入力した後textEditor0「テキストボックスウィジェット」に渡す:

    var a = _g().getParameterContainer().getWidgetByName("textEditor0");
    FR.Msg.prompt("入力", "趣味", "",
         function(value) {
               a.setValue(value);
         }
    );

    応用例

    「単一選択ボタン」に[状態変更]イベントを追加し、「その他」を選択した際にメッセージボックスを表示し、その他の運動項目を入力してセルに値が返される:
    未命名项目3.gif

    モバイル端末

    モバイル端末をサポート

    FineVis可視化カンバン

    方法

    duchamp.Msg.prompt(

    {

    title:String,

    message:String,

    callback:function,

    value:String

    }

    )

    内容を返すメッセージボックスを表示する

    パラメータ

    title:String

    message:String

    callback:function

    Value:String

    title:ダイアログタイトル(必須)
    message:ダイアログ内に表示するヒント内容(必須)
    callback:確定をクリック時に呼び出される方法(必須)
    Value:デフォルトの返し内容(任意)

    戻り値

    void

    「入力」をタイトルとし、「趣味」を内容とし、デフォルトで値なし、値を入力した後「テキストボックス」ウィジェットコンポーネントに渡す:

    var a = duchamp.getWidgetByName("テキストボックス");
    duchamp.Msg.prompt({
        title:"入力",
        message:"趣味",
        callback:function(value){a.setValue(value);},
        //value:""
    });

    応用例

    「名前を入力」をクリックし、表示されるメッセージボックスに名前を入力した後に「確定」をクリックすると、「テキストボックス」ウィジェットコンポーネントに値が返される

    テンプレートをダウンロードするにはこちらをクリックしてください:

    内容を返すメッセージボックスを表示する.fvs

    未命名项目6.gif

    モバイル端末

    モバイル端末をサポート

    Msg.toast

    一般帳票とダッシュボード

    方法

    FR.Msg.toast(message)

    帳票のページからメッセージボックスを表示する

    パラメータ

    message:String

    注意:11.0.10以降のバージョンでパラメータは json形式をサポートし、またパラメータtypeを新規追加した。以下のように:

    {

    message:String,

    type:"success" | "info" | "warn" | "error"

    }

    message:メッセージボックス内の内容
    type:メッセージボックス左側のアイコンスタイル(任意)。デフォルト値は「info」である
    注意:一般帳票では、新計算エンジンを有効にした後にtypeパラメータの値を変更すると、アイコンスタイルが変化する

     · success:1.png

     · info:2.png

     · warn:3.png

     · error:4.png

    戻り値

    void

    「エクスポート成功」を内容とする横長型のメッセージを表示する:

    FR.Msg.toast("エクスポート成功");

    タイプを「成功」とし、「エクスポート成功」を内容とするアイコン付きメッセージを表示する:

    FR.Msg.toast({
        message:"エクスポート成功",
        type:"success"
    });

    応用例

    1)一般帳票の例

    ページに「Excelエクスポート後」イベントを追加し、Excelをエクスポートした後にページに「エクスポート成功」を表示する:

    导出1.gif

    2)新自動調整ダッシュボードの例

    Excelをエクスポート後にページに「エクスポート成功」を表示する:

    导出2.gif

    3)旧自動調整ダッシュボードの例

    Excelをエクスポート後にページに「エクスポート成功」を表示する:

    导出3.gif

    モバイル端末

    モバイル端末をサポート

    FineVis可視化カンバン

    方法

    duchamp.Msg.toast(

    {

    message:String,

    type:"success" | "info" | "warn" | "error"

    }

    )

    帳票のページ右上隅に横長型のメッセージボックスを表示する

    パラメータ

    message:String

    type:"success" | "info" | "warn" | "error"

    注意:文字列(String)形式以外のデータ(ブール値、日付など)を渡した場合、ポップアップの内容が空になったり表示できなかったりする可能性がある

    message:メッセージボックス内の内容(必須)
    type:メッセージボックス左側のアイコンスタイル(任意)。デフォルト値は「info」である

     · success:1.png

     · info:2.png

     · warn:3.png

     · error:4.png

    戻り値

    void

    「これは正しいです」を内容とする横長型のメッセージを表示する:

    duchamp.Msg.toast({
        message:"これは正しいです",
        type:"success"
    });

    応用例

    「太陽は東から昇る」をクリックすると「これは正しいです」を、「太陽は西から昇る」をクリックすると「これは間違いです」を表示する。メッセージボックスは手動で閉じることができ、または数秒待つと自動的に閉じる。

    テンプレートをダウンロードするにはこちらをクリックしてください:

    右上に横長型のメッセージボックスを表示.fvs

    未命名项目7.gif 

    モバイル端末

    モバイル端末をサポート

     


    Attachment List


    Theme: FineReport カスタム開発
    • いいね
    • 良くない
    • 閲覧しただけ