反饋已提交
網絡繁忙
補充 FVS 大屏範本相關API說明
適用於安裝了「FVS大屏編輯模式」插件 V1.8.0 及之後版本的使用者
FR 內建了統一風格的訊息框,可以替代實現 Window 中的 alert、confirm 、prompt 、toast 彈窗。
普通報表和決策報表
方法
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());
應用範例
點擊可下載範本:Msg.alert.cpt。
行動端
支援行動端。
FVS 大屏範本
duchamp.Msg.alert(
{
title:String
message:String
callback:function
}
)
title:警告框標題,必填
message:警告框裏顯示的提示內容,必填
callback:點選確定時呼叫的函式方法,選填
彈出標題為“警告”,內容為“值錯誤”的訊息框:
duchamp.Msg.alert({ title:"警告", message:"值錯誤!"});
彈出標題為“警告”,內容為“值錯誤”的訊息框,點選確認後清空 「文本框」元件組件的值:
var a = duchamp.getWidgetByName("文本框");duchamp.Msg.alert({ title:"警告", message:"值錯誤!", callback:function(){a.reset();}});
點選下載範本:彈出確認訊息框.fvs
FR.Msg.confirm(title, message, callback)
彈出帶有确認和取消按鈕的訊息框。
title:對話框标題。
message:對話框裏顯示的提示内容。
callback:點擊確定和取消時呼叫的方法,可以獲取一個參數值 value:
點擊確定,value 值為:true。
點擊取消,value 值為:false。
注:value 只能在 callback 中獲取,直接透過FR.Msg.confirm(title, message, callback)結果将無法獲取。
彈出标題為“警告”,内容為“確定要要删除嗎”的訊息框:
FR.Msg.confirm("警告","確定要删除嗎");
彈出标題為“警告”,内容為“確定要删除嗎”的警告框,點擊確定時彈出“即将删除!”;點擊取消時,彈出“取消删除!”:
FR.Msg.confirm("警告", "確定要删除嗎?", function(value) {if (value == true) {alert("即将删除!");} else {alert("取消删除!");}}, 100);
給某個删除按鈕增加【點擊】事件,點擊删除時,确認是否確定删除:
duchamp.Msg.confirm(
title:String,
message:String,
title:對話框標題,必填
message:對話框裏顯示的提示內容,必填
callback:點選確定和取消時呼叫的方法,可以獲取一個參數值 value,選填
點選確定,value 值為:true
點選取消,value 值為:false
彈出標題為“警告”,內容為“確定要要刪除嗎”的訊息框:
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
FR.Msg.prompt(title, message, value, callback)
彈出可以回傳内容的訊息框。
Value:String
callback:點擊確定時呼叫的方法。
Value:預設的回傳内容。
彈出标題為“輸入”,内容為“愛好”的訊息框:
FR.Msg.prompt("輸入","愛好");
彈出标題為“輸入”,内容為“愛好”,預設輸入的愛好為“運動”的訊息框:
FR.Msg.prompt("輸入","愛好","運動");
彈出标題為“輸入”,内容為“愛好”,預設無值,輸入值後傳給 textEditor0 【文本框元件】:
var a = _g().getParameterContainer().getWidgetByName("textEditor1");FR.Msg.prompt("輸入", "愛好", "",function(value) {a.setValue(value);});
給【單選按鈕】添加【狀态改變】事件,當選擇“其他”時,彈出訊息框,輸入其他運動項目并回填到儲存格:
點擊可下載範本:Msg.prompt.cpt。
duchamp.Msg.prompt(
callback:function,
value:String
Value:String
callback:點選確定時呼叫的方法,選填
Value:預設回傳內容,選填
彈出標題為“輸入”,內容為“愛好”,預設無值,輸入值後傳給 「文本框」元件組件
var a = duchamp.getWidgetByName("文本框");duchamp.Msg.prompt({ title:"輸入", message:"姓名", callback:function(value){a.setValue(value);}, //value:""});
點選輸入姓名,在彈出的訊息框中輸入姓名後點選「確定」,回填到「正文框」元件組件中
點選下載範本:彈出回傳內容訊息框.fvs
FR.Msg.toast(message)
報表從頁面右上角彈出長條形訊息框。
注:11.0.10 及以後版本參數支援 json 格式並新增一個參數 type,如下:
type:"success" | "info" | "warn" | "error"
message:訊息框中的内容。
type:訊息框左側圖示樣式,選填,預設值為"info"
注:普通報表,僅 開啟新計算引擎 後,修改 type 參數值,圖示樣式會變化。
success:
info:
warn:
error:
彈出内容為“匯出成功”的長條形訊息:
FR.Msg.toast("匯出成功");
彈出型別為成功,內容為“匯出成功”的帶圖表訊息:
FR.Msg.toast({ message:"匯出成功", type:"success"});
1)普通報表範例:
给页面添加一个「Excel 导出后」事件,当导出 Excel 后,页面弹出“导出成功”:
2)新自适应决策报表示例
导出 Excel 后,页面弹出“导出成功”:
3)旧自适应决策报表示例
duchamp.Msg.toast(
message:訊息框中的內容,必填
彈出內容為“這是正確的”的長條形訊息:
duchamp.Msg.toast({ message:"這是正確的", type:"success"});
點選「太陽是從東邊升起的」,彈出「這是正確的」提示;點選「太陽是從西邊升起的」,彈出「這是錯誤的」提示。提示框可手動關閉,或多等幾秒即可自動關閉
點選下載範本:右上角彈出長條形提示框.fvs
滑鼠選中內容,快速回饋問題
滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。
不再提示
10s後關閉
反馈已提交
网络繁忙