Please help me in form binding

asked 2013-09-23 18:11:27 +0800

Senthilchettyin
2623 ● 3 ● 8
http://emrpms.blogspot.in...

<zk>
<window apply="org.zkoss.bind.BindComposer"
    viewModel="@id('vm') @init('com.example.TestVM')" title="example"
    border="normal">
    <div
        form="@id('fx') @load(vm.selectedRecord) @save(vm.selectedRecord, before='saveThis')">
        <hbox>
            <label value="First Name"></label>
            <textbox value="@bind(fx.firstName)"></textbox>
            <label value="Last Name"></label>
            <textbox value="@bind(fx.lastName)"></textbox>
            <label value="Comments"></label>
            <textbox id ="comments" value="@bind(fx.comments)"></textbox>
            <space></space>
            <button
                label="Put some comments"
                onClick="@command('insert')">
            </button>
            <space></space>
            <button
                label="saveThis"
                onClick="@command('saveThis')">
            </button>

        </hbox>
    </div>
</window>

</zk>

VM package com.example;

import org.zkoss.bind.annotation.AfterCompose; import org.zkoss.bind.annotation.Command; import org.zkoss.bind.annotation.ContextParam; import org.zkoss.bind.annotation.ContextType; import org.zkoss.zk.ui.Component; import org.zkoss.zk.ui.select.Selectors; import org.zkoss.zk.ui.select.annotation.Wire; import org.zkoss.zul.Messagebox; import org.zkoss.zul.Textbox;

public class TestVM {

@Wire("#comments")
private Textbox comments;

private Person selectedRecord = new Person();

@AfterCompose
public void initSetup(@ContextParam(ContextType.VIEW) Component view) {
    Selectors.wireComponents(view, this, false);
}

public Person getSelectedRecord() {
    return selectedRecord;
}

public void setSelectedRecord(Person selectedRecord) {
    this.selectedRecord = selectedRecord;
}

@Command
public void saveThis() {
    Messagebox.show(" " + this.selectedRecord.getComments());
}

@Command
public void insert() {
    comments.setValue(comments.getValue() + " Some Text Inserted");
}

public class Person {
    private String firstName;
    private String lastName;
    private String comments;

    public String getFirstName() {
        return firstName;
    }

    public void setFirstName(String firstName) {
        this.firstName = firstName;
    }

    public String getLastName() {
        return lastName;
    }

    public void setLastName(String lastName) {
        this.lastName = lastName;
    }

    public String getComments() {
        return comments;
    }

    public void setComments(String comments) {
        this.comments = comments;
    }

}

}

As per requirement, either user will be typing something in the comments box or it will be pull down from the list. For this example, i have added some text on button click.

Now the problem is on click of save button, the value is not actually stored in the object. I can understand the reason for this, because in the form binding , we have said only after click of savethis button, the value from the text box will be saved to object.

But i need to append some text programmatically sometimes. It that possible ?

Here is the ZK Fiddle Link http://zkfiddle.org/sample/mkfdks/1-Another-new-ZK-fiddle