跳到主要内容

列表框

列表框部件显示选项列表,用户可以从中选择一个或多个选项。 列表框部件位于默认元件库的表单部分中。

添加、删除和重新排序列表框选项


要在列表框中添加和编辑选项,请双击画布或概要窗格中的列表框部件打开编辑列表框对话框。 你可以通过单击添加,然后在出现的字段中键入新选项的文本,将单个选项添加到列表框中。 或者,你以通过单击编辑多项一次将几个新选项添加到列表框中。

要对列表框选项重新排序,请选择一个选项,然后使用对话框顶部的向上和向下按钮。 要删除选项,请选择它并单击删除,或单击编辑多项并清除文本区域以一次删除所有选项。

允许选择多个


列表框可以允许选择多个,但是你必须首先启用此设置。 要允许选择多个,请双击列表框,然后在编辑列表框对话框的底部选中默认情况下允许选择多个项目。

启用此设置后,可以在Web浏览器中通过按住CTRL或CMD并单击多个选项来选择多个选项。

定义默认选项



通常,列表框默认情况下不会在Web浏览器中选择任何选项,但是你可以在编辑列表框对话框中进行更改。 双击列表框部件,然后选中对话框中选项旁边的框。

通常,列表框默认情况下不会在Web浏览器中选择任何选项,但是你可以在编辑列表框对话框中进行更改。 双击列表框部件,然后选中对话框中选项旁边的框。

注意

如果启用了多个选项,则可以定义多个默认选项。

特殊属性


禁用

禁用列表框可防止用户在Web浏览器中与其进行交互。 这也会激活元件的:禁用样式效果,使其显示为灰色。

禁用元件有两种方法:

  • 选中交互窗格的更多属性菜单中的禁用复选框。
  • 通过启用/禁用操作在Web浏览器中动态禁用部件。 你可以在任何交互过程中执行此操作,例如在页面加载时或单击按钮时。

提示

你可以使用“启用/禁用”操作在Web浏览器中动态启用/禁用部件。 请查看【条款和条件】教程,以获取有关如何完成此操作的示例。

特殊交互


选择列表选项

在Web浏览器中,你可以单击列表框选项以将其选中。 如果启用了多个选择,则可以按住CTRL或CMD,同时单击以选择多个选项。

你还可以使用设置选定的列表选项操作动态地更改列表框中的选定选项。 你可以选择特定的列表选项,也可以使用变量值来设置新的选定选项。 (请参阅下面的限制。)

获取所选选项

你可以通过交互条件中的值选项的选中选项访问列表框的选中选项。 例如,你可以将全局变量的值设置为列表框的选定选项,以便将该值传递到另一个页面。 你还可以在条件下获取列表框的选中选项,以仅在选项与特定值匹配时才执行特定情况。 (请参阅下面的限制。)

提交按钮

当列表框在Web浏览器中处于焦点状态时,按ENTER键可以触发页面上另一个部件的点击事件,称为列表框的提交按钮。

要将提交按钮分配给列表框:

  1. 择列表框,然后单击“交互”窗格下部的“显示全部”。
  2. 提交按钮”下拉列表中的可选部件列表中进行选择。

要取消分配提交按钮,请单击下拉列表底部的取消分配提交按钮。

限制和解决方案


动态添加和删除列表选项

列表框中可用的选项无法在Web浏览器中动态更改,但是你可以通过制作具有多个状态的动态面板来模拟效果,每个面板都包含一个具有不同内容的列表框。 如果要更改列表框中的选项,请切换动态面板的状态。

设置或读取多个选项

通过设置选中列表选项操作动态设置列表框的选中选项时,你只能选择一个选项;你无法通过互动同时选择多个选项。

同样,即使已选择多个选项,也只能通过交互和条件中的值选项的所选选项从列表框中读取一个所选选项(最顶部的选项)。

要解决这些限制,请制作一个带有形状部件的自定义列表框。

制表顺序


列表框和其他表单部件的制表顺序由其层深度确定,如概要窗格中所示。 你可以在管理元件文章中了解有关此内容以及如何更改部件制表顺序的更多信息。