如何在ZK组合框中添加“选择一个...”选项

Question

我正在使用ZK框架，我想用给定列表的值填充组合框，但我还想包括“选择一个...“选项，因为组合不需要提交值。

我的看法是这样的：

<row> 
    <hbox> 
     Items: 
    </hbox> 
    <combobox width="100%" readonly="true" model="@load(vm.itemList)" selectedItem="@bind(vm.object.item)" > 
     <template name="model"> 
      <comboitem label="@load(each.description)" /> 
     </template> 
    </combobox> 
</row> 

在视图模型我检索列表从数据库中创下了一个纪录，我不希望添加一条记录只为这，如果有可能，我还希望避免在列表中添加空项目。

我觉得应该可以做这样的事情：

<combobox width="100%" readonly="true" model="@load(vm.itemList)" selectedItem="@bind(vm.object.item)" > 
    <template name="model"> 
     <comboitem label="@load(each.description)" /> 
    </template> 
    <comboitem label="Select One..."/> 
</combobox> 

但无论这样或那样的工作原理：

<combobox width="100%" readonly="true" model="@load(vm.itemList)" selectedItem="@bind(vm.object.item)" > 
    <template name="model"> 
     <comboitem label="@load(each.description)" /> 
     <comboitem label="Select One..."/> 
    </template> 
</combobox> 

Answer 1

您可以修改您的视图模型的getItemList方法，使其会将所需的物品添加到清单中，如下所示：

public List getItemList() { 
    List itemList = getItemsFromDatabase(); 
    YourItemClass item = new YourItemClass(); 
    item.setDescription("Select One..."); 
    itemList.add(item); 
    return itemList; 
} 

ED IT：另一种选择是使用带有文本“Select One ...”的placeholder以及用于清除组合框中的选定项目的附加按钮（和/或热键）。