Msg

  • 文档创建者:印然
  • 编辑次数:12次
  • 最近更新:Kevin-s 于 2019-06-21
  • 1. FR.Msg

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

    2. FR.Msg.alert 方法

    2.1 使用方法

    FR.Msg.alert(title, message, callback),弹出警告框。

    title:对话框标题;message:对话框里显示的提示详细;callback:点击确定时调用的方法。

    注:callback 是一个 function 方法,所以在写 callback 的时候必须为一个方法。

    2.2 效果

    如在某个控件增加编辑结束事件,JS 为:FR.Msg.alert("警告","值错误");,在该控件编辑结束后,会看到如下图所示的对话框:


    222

    3. FR.Msg.confirm 方法

    3.1 使用方法

    FR.Msg.confirm(title, message, callback, min_width),弹出带有确认和取消按钮的对话框。

    title:对话框标题;message:对话框里显示的提示详细;callback:点击确定时调用的方法,并且获得一个返回值的参数;min_width:表示最小宽度。

    3.2 效果

    如在某个删除按钮中增加点击事件,JS 为:FR.Msg.confirm("警告","确认要删除吗?");,点击删除行时会看到,会看到如下图所示的对话框:

    222

    点击确定将会返回 true,点击取消将返回 false,可以在 callback 中获取,直接通过函数结果将无法获取,如通过 JS 代码控制返回值的不同进行不同的操作

    FR.Msg.confirm("警告","确定要删除吗?",function(value){ if(value){ alert("即将删除!"); } else{ alert("取消删除!"); } },100)

    将会弹出警告提示框,点击确定将会弹出

    222
    点击取消将弹出

    222

    注:也可以使用 Window 中的 confirm 返回值的不同来进行下面的操作,具体的可查看 JS实现删除行前先确认章节。

    4. FR.Msg.prompt 方法

    4.1 使用方法

    FR.Msg.prompt(title, message, value, callback, min_width),可以传递参数的对话框

    title:对话框标题;
    message:对话框里显示的提示详细;
    callback:点击确定时调用的方法;
    Value:参数传递的默认值;
    min_width:表示最小宽度。

    4.2 效果

    如在某个控件增加点击事件,JS 为:FR.Msg.prompt("输入","爱好","运动");,在该控件被点击时,会看到如下图所示的对话框:
    222

    注:这边只是举个例子,具体的应用可查看下给单选按钮组赋其他值中的使用方法。

    5. FR.Msg.toast 方法

    5.1 使用方法

    FR.Msg.toast(message),报表从页面右上角弹出来的那个长条形信息。

    message:弹出的信息

    5.2 效果

    如给某个模板增加填报成功事件,JS 为:FR.Msg.toast("填报成功");,在点击提交按钮,提交成功后会看到页面的右上角弹出如下对话框:

    222

    附件列表


    主题: 二次开发
    • 有帮助
    • 没帮助
    • 只是浏览