Combobox with "not selected" value

asked 2018-04-13 23:20:55 +0800

pavelEW
55 ● 4

Hi guys!

I have a model, pseudocode

public ListModel<City> getCityModel() { 
    return cityModel; 
}

I need an ability to add "not selected" label to view which will have a null value. On zul page I have something like this

<combobox readonly="true" model="@load(vm.cityModel)" selectedItem="@bind(fx.city)">
    <template name="model" var="c">
        <comboitem value="@load(c.id)" label="@load(c.name)"/>
    </template>
</combobox>

I used the same approach like here forum.zkoss.org/question/97747/how-to-add-an-empty-value-to-a-combobox/ (sorry, can't post a link) but I need not an empty label, but "not selected" or smth. I added my own comboitem with this code:

@Override
public void setLabel(String label) {
    if (label == null) {
        ComboboxWithEmptyValue cbx = (ComboboxWithEmptyValue) getParent();
        if (cbx.getAddEmpty())
            label = "not selected";
    }
    super.setLabel(label);
}

The problem that I get not selected label at the bottom of dropdown menu, and I need this on top. I tried to add null value to model to the first and to last position, but that changed nothing. Any ideas?

Thanks in advance for help!