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

目录:

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