Use of ZK JSF Components

ZK provides an equivalent JSF component for each ZUL component. The use is similar to ZK JSP Tags, except the taglib URI is http://www.zkoss.org/jsf/zul.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Validator Example</title>
</head>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://www.zkoss.org/jsf/zul" prefix="z"%>
<body>
<f:view>
    <h:form id="helloForm">    
        <z:page>        
            <z:window z:title="Validator Example" width="500px" border="normal">            
                --Validate input day must in weekend--<br/>                
                <z:datebox id="dbox" format="yyyy/MM/dd"                

f:value="#{ValidatorBean.value}"

f:validator="#{ValidatorBean.validateDate}"/>

<h:message
                style="color: red; font-style: oblique;"                
                    for="dbox" />                    
                <br/>                
                                <h:commandButton id="submit" action="#{ValidatorBean.doSubmit}" value="Submit" />                                
            </z:window>            
            <h:messages/>            
        </z:page>        
    </h:form>    
    <a href="../index.html">Back</a>    
</f:view>
</body>
</html>