我想在 ZK 中创建一个包含 2 个项目的简单组合框:真和假。组合框应将 true 项作为默认设置值。虽然看起来很简单,但我还没有找到一个在线资源来解释这样一个简单的组件。
代码如下所示:
<combobox id="validateVoucher" hflex="2">
<comboitem id="true" label="True"/>
<comboitem id="false" label="False"/>
</combobox>
提前致谢!
测试如下:
<combobox id="validateVoucher" hflex="2" value="True">
<comboitem label="True" value="true" />
<comboitem label="False" value="false" />
</combobox>
这里有几点需要注意。首先也是最重要的是,它true
不是false
有效的 ID。如果你使用 ZKStudio,它会给你一个警告
令牌“true”的语法错误,无效的 VariableDeclaratorId
一切仍然按预期工作,出乎意料,但不应忽视警告。
如果您打算将其设置id
为存储一些有用的“数据”以供以后检索,那么正确的方法是使用该value
字段。这与 HTML 中的相同,请阅读有关 HTMLselect
标记的更多信息以获取最佳实践。
最后,正如 Prabhat 所建议的,您可以通过value
在combobox
. 请注意, 中的value
字段combobox
不会映射到 上的value
字段comboitem
。
您实际上在这里所做的是设置 的默认显示值combobox
,然后 ZK 会将其映射到label
其中一个comboitem
s 上的 a 。为了更好地理解这一点,请考虑是否将 的 设置value
为combobox
“gobbledigook”。将combobox
使用该文本呈现,但当您展开下拉菜单时,不会预先选择“真”或“假”。
额外2美分:
如果您只希望用户能够选择“真”或“假”,readonly=true
请在combobox
像这样使用它:
<combobox id="validateVoucher" value="True" hflex="2">
<comboitem id="true" label="True"/>
<comboitem id="false" label="False"/>
</combobox>
请发表评论它有效吗?