页面级常见操作

使用说明

低代码平台预置了多种常用的事件交互动作，例如打开页面、弹出页面以及关闭弹出页面。在设计页面时，可以直接使用预置动作，完成页面相关的常见操作。

打开页面

以单击“立即体验”按钮，打开新的产品体验入口页面为例，进行介绍。

1. 在标准页面设计界面，选中按钮组件。
2. 在右侧“事件”页签中，单击，进入添加动作页面。
3. 在“内置动作”中，单击“打开页面”，配置目标页面、打开方式等参数，单击“创建”。
   图1 打开页面
   
   • 目标页面：设置待打开的目标页面。
     • 当前应用页面：当前应用中，已创建好的页面。
     • URL：某个页面的URL。
     • 重新加载当前页面：加载刷新当前的页面。
   • 打开方式：设置目标页面的打开方式，如在新标签页中打开或在当前窗口打开。
   • 参数绑定：当打开的页面URL中，有参数时，可单击“添加”，设置页面URL路径中的参数。

4. 返回标准页面开发界面，单击页面上方的，保存页面。
5. 单击，预览页面，单击“立即体验”按钮，可预览按钮的事件效果。

弹出页面

以单击“提交”按钮，弹出“提交成功”的提示页面为例，进行介绍。

1. 在标准页面设计界面，选中按钮组件。
2. 在右侧“事件”页签中，单击，进入添加动作页面。
3. 在“内置动作”中，单击“弹出页面”，配置目标页面、窗口选项，单击“创建”。
   图2 弹出页面
   
   • 目标页面：设置弹出的目标页面类型。
     • 当前应用页面：当前应用中，已创建好的页面。
     • URL：某个页面的URL。
   • 窗口可拖拽：窗口是否可来回拖拽。
   • 窗口标题：弹出窗口的标题内容。
   • 窗口位置：弹出窗口在屏幕的位置，如屏幕中央或屏幕顶部居中。
   • 窗口宽度：窗口的宽度，单位像素。
   • 窗口高度：窗口的高度，单位像素。

4. 返回标准页面开发界面，单击页面上方的，保存页面。
5. 单击，预览页面，单击“提交”按钮，可预览按钮的事件效果。

关闭弹出页面

以单击“确定”按钮，关闭弹出页面为例，进行介绍。

1. 在标准页面设计界面，选中按钮组件。
2. 在右侧“事件”页签中，单击，进入添加动作页面。
3. 在“内置动作”，单击“关闭弹出页面”，单击“创建”。
   图3 关闭弹出页面
   

4. 返回标准页面开发界面，单击页面上方的，保存页面。
5. 单击，预览页面，单击“确定”按钮，可预览按钮的事件效果。

弹出消息对话框

该预置动作，用于弹出消息对话框。以单击“确定”按钮，弹出“创建实例成功”的消息对话框为例，进行介绍。

1. 在标准页面设计界面，选中按钮组件。
2. 在右侧“事件”页签中，单击，进入添加动作页面。
3. 在“内置动作”，单击“弹出消息对话框”，设置相关参数，单击“创建”。
   图4 关闭弹出页面
   
   • 消息类型：弹出的消息类型，如成功、错误、警告和提示。
   • 标题：消息对话框左上角，显示的标题。
   • 消息内容：消息对话框中，显示的消息内容。
   • 内容作为HTML渲染：内容是否作为HTML渲染。动态渲染HTML容易导致XSS攻击，开启此属性时，请确保传入的内容是可信的。
   • 按钮：消息对话框中，显示的按钮名称。
   • 弹出后延时自动关闭：弹出后，是否支持延时自动关闭。勾选后，需要设置延时秒数。

     例如：勾选该参数，并设置延时3秒。效果为弹出消息对话框后，3秒后自动关闭该弹框。

4. 返回标准页面开发界面，单击页面上方的，保存页面。
5. 单击，预览页面，单击“确定”按钮，可预览按钮的事件效果。