单选按钮
的单选按钮组件允许您仅从一个预定义的选项列表中选择一个选项。
属性:一般
属性 | 描述 |
---|---|
ID | 组件的惟一ID。 |
标签 | 组件的标签。 |
标签工具提示 | 用于提供额外的帮助或信息给用户。当它被定义,一个问号图标出现在组件标签。文本将显示当用户将鼠标悬停于图标。 |
价值 | 的绑定组件。使用一个表达式将组件绑定到它的值和指定值保存的位置。例如,使用{{myVariableName}} 将组件的值存储在一个变量命名myVariableName。使用前缀定义的范围值,例如,根。为引用存储的价值或根情况的父母。存储在上级工作项的当前值。例如,{{root.foo}} 存储在根的情况下使用一个变量值喷火。 |
默认值 | 如果一个价值没有设置,如在初始化形式,那么这个值将被使用。 |
描述 | 添加一个描述组件。 |
忽略了 | 确定如果组件应该隐藏和价值排除在任何负载。 |
可见 | 确定组件是可见或隐藏。您还可以使用这个表达式只显示或隐藏组件基于另一个组件。例如,如果该组件绑定到一个复选框组件,您可以使用这个表达式显示或隐藏此组件基于复选框选择由用户。这是默认启用。 |
启用 | 决定是否启用或禁用组件。这是默认启用。 |
属性:数据源
属性 | 描述 |
---|---|
项目 | 当数据源是静态的,这决定了显示的数据。如果你想使用动态值,提供一个对象被声明为一个列表包含文本和价值元素的映射。例如,defmyDynamicOptions =[[文字:“text1”,价值:“value1”],[文字:“text2”,值:" value2 "]] 。 |
存储 | 指定如何选择数据存储在变量: 选择ID如果你想只选中的条目的值保存在变量中。然后您可以检索该值通过使用表达式定义的变量的一种形式价值属性,例如 选择全部价值如果你想拯救整个物体。这使您能够获取其他值所选元素的形式,如所选选项的名称通过使用表达式定义的变量的一种形式价值属性和字段的名称,例如 |
格式 | 一个表达式用于为每个项目生成的标签。例如,表达式。{{$ item.name}} {{$ item.surname}} 评估对当前对象和选择项可以工作吗美元的项目 。 |
属性:验证
属性 | 描述 |
---|---|
要求 | 用于确定该组件的用户必须输入一个值。 |
自定义验证 | 列出你可以申请额外的验证。 |
属性:文档
属性 | 描述 |
---|---|
文档 | 让你解释的概念组件的使用备查。 |
您可以添加标签和值为单选按钮组件ID的属性栏。
添加你的单选按钮选择:
- 选择组件在画布上。
- 在属性栏中,选择项目。
的项目对话框出现了。
- 单击列标题下一个空的空间添加一个条目。
- 点击好吧保存项目并关闭对话框。
你也可以选中的单选按钮选择连接到另一个组件来构建一个动态的它们之间的依赖关系。
例子
在这个例子中,我们配置一个文本输入组件来显示当一个特定的选择单选按钮选项。
我们已经把单选按钮和文本输入字段添加到画布。单选按钮的值组件值设置为{{exampleRadioButton}}。
看到我们的形式表达文章以获取更多信息。
对于每一个单选按钮,进入文本和价值:
- 文本:第一项,值:radioID1。
- 文本:第二项,值:radioID2。
默认情况下,单选按钮商店选择值项的ID。条件应该返回真正的
如果变量exampleRadioButton等于第二个单选按钮的ID选项。自从ID是一个字符串类型,表达式应该像这样:
{{exampleRadioButton = = " radioID2 "}}
你现在需要添加这个表达式可见文本输入组件的属性:
- 选择文本输入组件。
- 在配置栏,一般节去可见属性。
- 点击闪电图标。可见属性从正常的表达模式转换。
- 输入您的表达式。
您现在可以使用preview模式在表单编辑器来看到文本输入组件是可见的只有在第二个单选按钮项被选中。