模态部分

创建一个独立于主用户界面的部分,用于处理偏离正题的任务或显示某些内容。 要恢复用户界面上的工作,必须关闭模态部分。
“模态部分”并不是警报,它用于阻止用户处理用户界面上的其他部分。 通常,模态部分使用其他视图的布局,例如 面板
提示: 必须将 "模态" 部分视图的可视性属性设置为 (在 属性 > 可视性下) ,否则缺省情况下将显示 "模态" 部分。

配置属性

在“配置”下,设置或修改视图的外观和行为属性。

屏幕大小
在属性名称旁边具有 "屏幕大小" 图标 "屏幕大小" 图标 的配置属性对于每个屏幕大小可以具有不同的值。 如果您未设置值,那么屏幕大小会继承下一个更大的屏幕大小值来作为其缺省值。
主题定义
主题定义指定视图的颜色和样式,并确定视图的外观。 您可以在主题编辑器中预览视图的外观。 请参阅 主题
下表中显示了“模态部分”视图的外观配置属性:
表 1. “模态部分”的外观配置属性
外观配置属性 描述 数据类型
模态占位符宽度 "屏幕大小" 图标 指定该视图的宽度,以像素 (px)、原始宽度的百分比 (%) 或 em 为单位。 String
显示按钮 显示模态中的按钮。 Boolean
颜色样式 主按钮的颜色样式。 可用选项包括 DefaultPrimaryInfoSuccessWarningDanger ButtonColorStyle
主按钮上的文本 允许用户确认模态中操作的按钮上的文本。 例如, 保存确定 String
次按钮上的文本 允许用户关闭模态中操作的按钮上的文本。 例如, 关闭取消 String
下表中显示了“模态部分”视图的行为配置属性:
表 2. “模态部分”的行为配置属性
行为配置属性 描述 数据类型
单击时关闭 如果选择单击时关闭,那么用户可以通过单击“模态部分”外部的任意位置来将其关闭。 缺省情况下,无法关闭“模态部分”。 Boolean

事件

在“事件”属性中设置或修改该视图的事件处理程序。 可以将事件设置为以编程方式或在用户与该视图交互时触发。 有关如何定义和编码事件的信息,请参阅 用户定义的事件
对于“模态部分”视图,您可以激活以下类型的事件处理程序:
  • On load: 在装入页面时激活,例如 me.setVisible(true);
  • On close: 在关闭 "模态" 部分窗口时激活,例如 ${Output_Text1}.setText("Modal section closed...");,其中 Output_Text1 是输出文本的控制标识。
  • On show: 在打开 "模态部分" 窗口时激活,例如 me.setText("Modal section is open...");
  • On primary button clicked: 在单击模态的主按钮时激活。 例如:
    btn text: Save
    onclick: customized save function/actions
  • On secondary button clicked: 在单击模态的辅助按钮时激活。 例如:
    btn text: Close
    onclick action: me.hide();

方法

有关可用方法的更多信息,请参阅 模态部分 JavaScript API

其他资源

有关如何创建 Coach 或页面的信息,请参阅 构建 Coach
有关标准属性 (常规配置定位可视性HTML 属性) 的信息,请参阅 查看属性