历史版本14 :FR.Msg 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

FR 内置了统一风格的消息框,可以替代实现 Window 中的 alert、confirm 、 prompt 等弹窗。

目录:

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("提示", "值错误", a.reset());
  应用示例

给「文本控件」增加「编辑结束」事件,当填入的工号长度不是 6 时,弹窗提示:工号必须为 6 位:


2021-09-22_10-04-51.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);
      应用示例

    给某个删除按钮增加「点击」事件,点击删除时,确认是否确定删除:

    2021-09-22_11-16-26.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("输入","爱好","运动");

      弹出标题为“输入”,内容为“爱好”,默认输入的爱好为“运动”的消息框:

      FR.Msg.prompt("输入","爱好","运动");

      弹出标题为“输入”,内容为“爱好”,默认无值,输入值后传给 textEditor0 「文本框控件」:

      var a = _g().getParameterContainer().getWidgetByName("textEditor1");
      FR.Msg.prompt("输入", "姓名", "",
      function(value) {
      a.setValue(value);
      }
      );
        应用示例

      给「单选按钮」添加「状态改变」事件,当选择“其他”时,弹出消息框,输入其他运动项目并回填到单元格:

      2021-09-22_14-26-03.gif

         移动端支持移动端

      Msg.toast编辑

      方法FR.Msg.toast(message)报表从页面右上角弹出长条形消息框
           参数

      message:String

      message:消息框中的内容

           返回值

        void

             示例

        弹出内容为“导出成功”的长条形消息:

        FR.Msg.toast("导出成功");
          应用示例

        给页面添加一个「Excel 导出后」事件,当导出 Excel 后,页面的右上角弹出“导出成功”:

        2021-09-22_14-42-34.gif

           移动端支持移动端