FR.Msg

補充 FVS 視覺化看板相關API說明

適用於安裝了「FineVis資料視覺化」插件 V1.8.0 及之後版本的使用者

訊息框樣式優化

title:String

message:String

callback:function

注：若傳入非 String 格式（如boolen、日期等），可能導致彈窗內容為空或無法顯示

title：警告框標題，必填

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

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

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

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

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

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

點選下載範本：彈出確認訊息框.fvs

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

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

message:String

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

注：若傳入非 String 格式（如boolen、日期等），可能導致彈窗內容為空或無法顯示

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

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

• success：

• info：

• warn：

• error：
  

void

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

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

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

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