模态部分
创建一个独立于主用户界面的部分,用于处理偏离正题的任务或显示某些内容。 要恢复用户界面上的工作,必须关闭模态部分。
配置属性
在“配置”下,设置或修改视图的外观和行为属性。
- 屏幕大小
- 在属性名称旁边具有 "屏幕大小" 图标
的配置属性对于每个屏幕大小可以具有不同的值。 如果您未设置值,那么屏幕大小会继承下一个更大的屏幕大小值来作为其缺省值。
- 主题定义
- 主题定义指定视图的颜色和样式,并确定视图的外观。 您可以在主题编辑器中预览视图的外观。 请参阅 主题。
下表中显示了“模态部分”视图的外观配置属性:
| 外观配置属性 | 描述 | 数据类型 |
|---|---|---|
模态占位符宽度 ![]() |
指定该视图的宽度,以像素 (px)、原始宽度的百分比 (%) 或 em 为单位。 | String |
| 显示按钮 | 显示模态中的按钮。 | Boolean |
| 颜色样式 | 主按钮的颜色样式。 可用选项包括 Default, Primary, Info, Success, Warning和 Danger。 | ButtonColorStyle |
| 主按钮上的文本 | 允许用户确认模态中操作的按钮上的文本。 例如, 保存 或 确定。 | String |
| 次按钮上的文本 | 允许用户关闭模态中操作的按钮上的文本。 例如, 关闭 或 取消。 | String |
下表中显示了“模态部分”视图的行为配置属性:
| 行为配置属性 | 描述 | 数据类型 |
|---|---|---|
| 单击时关闭 | 如果选择单击时关闭,那么用户可以通过单击“模态部分”外部的任意位置来将其关闭。 缺省情况下,无法关闭“模态部分”。 | 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 属性) 的信息,请参阅 查看属性。