反饋已提交

網絡繁忙

FR.Msg

版本

報表伺服器版本功能變動
11.0.10Msg.toast 參數格式優化
11.0.7

補充 FVS 大屏範本相關API說明

適用於安裝了「FVS大屏編輯模式」插件 V1.8.0 及之後版本的使用者

11.0-

FR 內建了統一風格的訊息框，可以替代實現 Window 中的 alert、confirm 、prompt 、toast 彈窗。

Msg.alertv

普通報表和決策報表

方法

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("提示", "值錯誤", a.reset());


應用範例

給【文本元件】增加【編輯結束】事件，當填入的工号長度不是 6 時，彈窗提示：工号必須為 6 位：

點擊可下載範本：Msg.alert.cpt。

Msg.alert.gif




行動端

支援行動端。


FVS 大屏範本
方法

duchamp.Msg.alert(

{

title:String

message:String

callback:function

}

)

彈出只有確定按鈕的訊息框
     參數

title:String

message:String

callback:function

title：警告框標題，必填

message：警告框裏顯示的提示內容，必填

callback：點選確定時呼叫的函式方法，選填

  傳回值void
     範例

彈出標題為“警告”，內容為“值錯誤”的訊息框：

duchamp.Msg.alert({
    title:"警告",
    message:"值錯誤！"
});

彈出標題為“警告”，內容為“值錯誤”的訊息框，點選應答後清空 「文本框」元件組件的值：

var a = duchamp.getWidgetByName("文本框");
duchamp.Msg.alert({
    title:"警告",
    message:"值錯誤！",
    callback:function(){a.reset();}
});


 應用範例

點選下載範本：彈出應答訊息框.fvs

2023-07-14_17-47-16.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("取消删除!");
}
}, 100);


應用範例

給某個删除按鈕增加【點擊】事件，點擊删除時，确認是否確定删除：

Msg.confirm.gif


行動端

支援行動端。


FVS 大屏範本
方法

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

2023-07-14_18-19-42.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("textEditor1");
FR.Msg.prompt("輸入", "愛好", "",
function(value) {
a.setValue(value);
}
);

應用範例

給【單選按鈕】添加【狀态改變】事件，當選擇“其他”時，彈出訊息框，輸入其他運動項目并回填到儲存格：

點擊可下載範本：Msg.prompt.cpt。

Msg.prompt.gif




行動端

支援行動端。


FVS 大屏範本
方法

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

    2023-07-14_19-40-58.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：

    • info：

    • warn：

    • error：

    傳回值

    void

    範例

    彈出内容為“匯出成功”的長條形訊息：

    FR.Msg.toast("匯出成功");

      彈出型別為成功，內容為“匯出成功”的帶圖表訊息：

    FR.Msg.toast({
        message:"匯出成功",
        type:"success"
    });

    應用範例

    給頁面添加一個【Excel 匯出後】事件，當匯出 Excel 後，頁面的右上角彈出“匯出成功”：

    Msg.toast.gif


    行動端

    支援行動端。


    FVS 大屏範本

    方法

    duchamp.Msg.toast(

    {

    message:String,

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

    }

    )

    		報表從頁面右上角彈出長條形訊息框
         參數

    message:String

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

    message：訊息框中的內容，必填

    type：訊息框左側圖示樣式，選填，預設值為"info" 

    • success：Snag_2d9661ad.png

    • info：Snag_2d967024.png

    • warn：Snag_2d96695d.png

    • error：Snag_2d9678bf.png

       傳回值

    void

         範例

    彈出內容為“這是正確的”的長條形訊息：

    duchamp.Msg.toast({
        message:"這是正確的",
        type:"success"
    });
      應用範例

    點選「太陽是從東邊升起的」，彈出「這是正確的」提示；點選「太陽是從西邊升起的」，彈出「這是錯誤的」提示。提示框可手動關閉，或多等幾秒即可自動關閉

    點選下載範本：右上角彈出長條形提示框.fvs

    2023-07-14_19-52-26.gif

       行動端不支援行動端


    附件列表


    主題： 二次開發
    已經是第一篇
    已經是最後一篇
    • 有幫助
    • 沒幫助
    • 只是瀏覽
    • 圖片不清晰
    • 用語看不懂
    • 功能說明看不懂
    • 操作說明太簡單
    • 內容有錯誤
    中文（简体） English 日本語
    中文（繁體）

    文 檔回 饋

    滑鼠選中內容，快速回饋問題

    滑鼠選中存在疑惑的內容，即可快速回饋問題，我們將會跟進處理。

    不再提示

    10s後關閉