Datebox validation

answered 2013-04-08 06:48:56 +0800

iamsudhir4u
545 ● 7
http://corejavasupport.bl...

If you are using MVVM then below example will be helpful for you.

<zk> <window border="normal" title="hello" apply="org.zkoss.bind.BindComposer" viewmodel="@id('vm') @init('pkg$.DateValidationViewModel')">

        <datebox value="@bind(vm.beginDate)" />

        <datebox value="@bind(vm.endDate)" />

        <button id="btn" label="Validate"
            onClick="@command('validate')" />
    </window>
</zk>

DateValidationViewModel.java

import org.zkoss.zk.ui.*;
import org.zkoss.zk.ui.event.*;
import org.zkoss.zk.ui.util.*;
import org.zkoss.zk.ui.ext.*;
import org.zkoss.zk.au.*;
import org.zkoss.zk.au.out.*;
import java.sql.Timestamp;
import org.zkoss.zul.*;
import org.zkoss.bind.annotation.Command;
import org.zkoss.bind.annotation.NotifyChange;

public class DateValidationViewModel extends GenericForwardComposer {

    private Timestamp beginDate;
    private Timestamp endDate;

    public void doAfterCompose(Component comp) throws Exception {
        super.doAfterCompose(comp);
    }

    @Command
    @NotifyChange("*")
    public void validate() {
         if (beginDate != null && endDate != null && endDate.compareTo(beginDate) < 0) {
            endDate = null;
            Messagebox.show("End Date can not be less than begin date.");
        }
    }

    public Timestamp getBeginDate() {
        return beginDate;
    }

    public void setBeginDate(Timestamp beginDate) {
        this.beginDate = beginDate;
    }

    public Timestamp getEndDate() {
        return endDate;
    }

    public void setEndDate(Timestamp endDate) {
        this.endDate = endDate;
    }
}

I have created same example in Fiddle also http://zkfiddle.org/sample/77vhl8/2-Date-Validation#source-2

answered 2013-04-08 03:59:53 +0800

Matze2
773 ● 7

updated 2013-04-08 04:00:15 +0800

If you are using MVVM, then I would use a form validator, There is an example in ZK Demo which shows how to do that.