历史版本5 :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("警告","值错误");,在该控件编辑结束后,会看到如下图所示的对话框:

3. FR.Msg.confirm方法编辑

3.1 使用方法
FR.Msg.confirm(title, message, callback, min_width),弹出带有确认和取消按钮的对话框。
title:对话框标题;message:对话框里显示的提示详细;cellback:点击确定时调用的方法;min_width:表示最小宽度。
3.2 效果
如在某个删除按钮中增加点击事件,JS为:FR.Msg.confirm("警告","确认要删除吗?");,点击删除行时会看到,会看到如下图所示的对话框:
注:此方法无法获取点击“确定”或“取消”的返回值,此方法主要是触发回调函数的。若希望通过返回值的不同来进行下面的操作,则可使用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("输入","爱好","运动");,在该控件被点击时,会看到如下图所示的对话框:
注:这边只是举个例子,具体的应用可查看下给单选按钮组赋其他值中的使用方法。

5. FR.Msg.toast方法编辑

5.1 使用方法
FR.Msg.toast(message),报表从页面右上角弹出来的那个长条形信息。
message:弹出的信息
5.2 效果
如给某个模板增加填报成功事件,JS为:FR.Msg.toast("填报成功");,在点击提交按钮,提交成功后会看到页面的右上角弹出如下对话框: