Question

我想在ZK中创建一个包含2个项目的简单组合框：true和false。组合框应该具有真实项目的默认设置值。虽然看起来很简单，但我还没有设法找到解释这么简单组件的单一在线资源。

代码显示如下：

<combobox id="validateVoucher" hflex="2">
    <comboitem id="true" label="True"/>
    <comboitem id="false" label="False"/>
</combobox>

提前致谢！

Answer 1

以下测试：

<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中的相同，请阅读HTML select标记以获取最佳做法。

最后，正如Prabhat建议的那样，您可以通过在value中指定combobox来预定义所选的comboitem。请注意，value 中的combobox字段不会映射到value上的comboitem字段。

您在此处的实际操作是设置combobox的默认显示值，然后ZK将在label之一上映射到comboitem。为了更好地理解这一点，请考虑将value的{{1}}设置为'gobbledigook'。 combobox将使用该文字进行渲染，但是当您展开下拉菜单时，将不会预先选择“True”和“False”。

额外2美分：

如果您只希望用户能够选择“True”或“False”，请在combobox上设置readonly=true

Answer 2

像这样使用：

<combobox id="validateVoucher" value="True" hflex="2">
    <comboitem id="true" label="True"/>
    <comboitem id="false" label="False"/>
</combobox>

请发表评论吗？

ZK Comboobox具有预定义的设定值

2 个答案: