历史版本7 :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返回值的不同来进行下面的操作,具体的可查看如何实现删除行前先确认章节。

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