集册 Axure RP 指南 将文本传递给下一个页面

将文本传递给下一个页面

欢马劈雪     最近更新时间:2020-08-04 05:37:59

437

把从页面输入的值传递到下一个页面

添加 OnClick 用例到提交按钮

image

首先,打开AxurePassTextToNextPage.rp 并打开“文本传递给下一个页面”页面。

在设计区域中选择提交按钮,并添加一个用例到 OnClick 事件。这将打开用例编辑器对话框。

把名称文本存储在一个变量中

image

在用例编辑器中,添加一个行动设置变量值,并选择 OnLoadVariable。

在下拉列表中选择“文本小部件”,选择为名称。这将名称文本字段中输入的值存储在变量 OnLoadVariable 中。

添加动作打开第一张页面

image

继续留在原来的用例编辑器中,在现有的用例下添加一个行动到“开放链接”,并选择第1页。注意哦,这是很重要的,因为此动作需要这里设置的变量值——如果我们打开了第一页,变量值永远不会被设置。

单击 OK,并关闭用例编辑器对话框。

单击提交按钮将该变量设置为用户输入的任何文本字段,并打开第1页。

添加页面加载用例到第1页

image

接下来,从站点地图面板中打开第一个页面。在这里,我们想要插入存储在 OnLoadVariable 的文本值进入欢迎页面上的文本。

在底部的页面交互选项卡窗格中,添加一个用例到 OnPageLoad 事件。

在欢迎文本面板部件中设置文本

image

在用例编辑器中,添加一个“设置文本”的行动,并选择“欢迎文本面板”并单击“fx”按钮。

插入变量值到文本

image

在文本输入对话框中,将光标放到“欢迎”文本后面。点击“插入变量 或函数……”,选择 OnLoadVariable。 这将插入[[ OnLoadVariable ]]到文本中。无论存储在 OnLoadVariable 上的值是什么都将取代这个文本。

单击OK,并关闭打开的对话框。

展开阅读全文