Combobox binding doesn't work

answered 2013-02-26 17:03:30 +0800

sjoshi
3493 ● 1 ● 8
http://zkframeworkhint.bl...

1-Why you are mixing MVC and MVVM architecture here i do not think here any need to use @Wire as you already using MVVM Architecture.

2-And Selected item will only work when user will selected a item from the combobox otherwise it will be empty.

3-What you want to chive here Can you please clarify are you getting value from cmbobox in aftercompose()?

answered 2013-03-13 15:40:59 +0800

pasqualeleone
81 ● 2

hi maximeroussel, which zk library are you using for your project? also I have a similar problem that occurs using libraries 6.5.1. I think that the use of selectedItem should be the only, for both bindings that for the display of the values​​, as it is with the use of libraries 6.0. It could be a bug? I show a very simple example that raises failure using libraries 6.5.1, while working with libraries 6.0.

zul file

<?page title="Combo" contentType="text/html;charset=UTF-8"?><zk>
<window title="Combo" border="normal" apply="org.zkoss.bind.BindComposer"
    viewModel="@id('umvm') @init('viewModel.ComboManagementVM')">
    New Content Here!
        <hbox>
            <combobox id="alarmCodeList"
                model="@load(umvm.clearCombo.alarmCodeList)"
                selectedItem="@bind(umvm.clearCombo.selectedAlarmCode) ">
                <template name="model" var="code">
                    <comboitem label="@load(code)" />
                </template>
            </combobox>
            <combobox
                model="@load(umvm.clearCombo.alarmNotificationEventList)"
                selectedItem="@bind(umvm.clearCombo.selectedAlarmNotificationEvent)">
                <template name="model" var="notifyEvent">
                    <comboitem
                        label="@load(notifyEvent)" />
                </template>
            </combobox>
            <combobox
                model="@load(umvm.clearCombo.alarmNotificationModeList)"
                selectedItem="@bind(umvm.clearCombo.selectedAlarmNotificationMode)">
                <template name="model">
                    <comboitem label="@load(each)" />
                </template>
            </combobox>
            <button label="CLEAR" onClick="@command('clear')"></button>
        </hbox>
</window></zk>

ViewModel

package viewModel;import org.zkoss.bind.annotation.Command;import org.zkoss.bind.annotation.Init;import org.zkoss.bind.annotation.NotifyChange;public class ComboManagementVM{private ClearCombo clearCombo;public ComboManagementVM (){    
}

@Init
public void init () {
    try {
        clearCombo = new ClearCombo();
        listInit();
    } catch (Throwable ex) {
    }
}

private void listInit(){
    /*alarm code*/
    clearCombo.getAlarmCodeList();
    /*alarm notification Event*/
    clearCombo.getAlarmNotificationEventList();
    /*alarm notification Mode*/
    clearCombo.getAlarmNotificationModeList();
}

@Command
@NotifyChange ({"clearCombo"})
public void clear (){
    clearCombo.setSelectedAlarmCode(null);
    clearCombo.setSelectedAlarmNotificationEvent(null);
    clearCombo.setSelectedAlarmNotificationMode(null);
}

public void setClearCombo(ClearCombo clearCombo) {
    this.clearCombo = clearCombo;
}

public ClearCombo getClearCombo() {
    return clearCombo;
} }

Model

package viewModel;import java.util.ArrayList;import java.util.List; public class ClearCombo {

private List <String> alarmCodeList;
private List <String> alarmNotificationEventList;
private List <String> alarmNotificationModeList;
private String selectedAlarmCode;
private String selectedAlarmNotificationEvent; 
private String selectedAlarmNotificationMode;

ClearCombo(){
    alarmCodeList = new ArrayList<String>();
    alarmNotificationEventList =new ArrayList<String>(); 
    alarmNotificationModeList =new ArrayList<String>();
    alarmCodeList.add("a1");
    alarmCodeList.add("a2");
    alarmCodeList.add("a3");
    alarmCodeList.add("a4");
    alarmNotificationEventList.add("b1");
    alarmNotificationEventList.add("b2");
    alarmNotificationEventList.add("b3");
    alarmNotificationEventList.add("b4");
    alarmNotificationModeList.add("c1");
    alarmNotificationModeList.add("c2");
    alarmNotificationModeList.add("c3");
    alarmNotificationModeList.add("c4");
}
public List<String> getAlarmCodeList() {
    System.out.println("alarmCode size "+alarmCodeList.size() );
    return alarmCodeList;
}
public void setAlarmCodeList(List<String> alarmCodeList) {
    this.alarmCodeList = alarmCodeList;
}
public List<String> getAlarmNotificationEventList() {
    return alarmNotificationEventList;
}
public void setAlarmNotificationEventList(
        List<String> alarmNotificationEventList) {
    this.alarmNotificationEventList = alarmNotificationEventList;
}
public List<String> getAlarmNotificationModeList() {
    return alarmNotificationModeList;
}
public void setAlarmNotificationModeList(
        List<String> alarmNotificationModeList) {
    this.alarmNotificationModeList = alarmNotificationModeList;
}
public String getSelectedAlarmCode() {
    return selectedAlarmCode;
}
public void setSelectedAlarmCode(String selectedAlarmCode) {
    this.selectedAlarmCode = selectedAlarmCode;
}
public String getSelectedAlarmNotificationEvent() {
    return selectedAlarmNotificationEvent;
}
public void setSelectedAlarmNotificationEvent(
        String selectedAlarmNotificationEvent) {
    this.selectedAlarmNotificationEvent = selectedAlarmNotificationEvent;
}
public String getSelectedAlarmNotificationMode() {
    return selectedAlarmNotificationMode;
}
public void setSelectedAlarmNotificationMode(
        String selectedAlarmNotificationMode) {
    this.selectedAlarmNotificationMode = selectedAlarmNotificationMode;
}}