Creator 2 and Ajax4jsf

Question

I'm new to JSF and Creator. I was trying to put AJAX functionality with Ajax4JSF to a simple JSF page I made with Java Studio Creator 2 (update 1). I did as they instructed in their tutorials. But it didn't work.
Can anyone please tell if there is any issue with Ajax4JSF and Creator 2.
Ok, all I wanna say that the procedure to add AJAX functionality (as instructed in 'Ajax4jsf Developer Guide') to a JSF page works only with the <h:...> tags, not with the <ui:...> tags.
Here's the JSP code that works for me:
<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:a4j="https://ajax4jsf.dev.java.net/ajax" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
    xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:ui="http://www.sun.com/web/ui">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
        <ui:page binding="#{Page1.page1}" id="page1">
            <ui:html binding="#{Page1.html1}" id="html1">
                <ui:head binding="#{Page1.head1}" id="head1">
                    <ui:link binding="#{Page1.link1}" id="link1" url="/resources/stylesheet.css"/>
                </ui:head>
                <ui:body binding="#{Page1.body1}" id="body1" style="-rave-layout: grid">
                    <ui:form binding="#{Page1.form1}" id="form1">
                        <h:inputText binding="#{Page1.textField1}" id="textField1" style="left: 120px; top: 48px; position: absolute; width: 192px" value="#{bean.text}">
                            <a4j:support event="onkeyup" reRender="rep"/>
                        </h:inputText>   
                        <h:outputText binding="#{Page1.rep}" id="rep" style="height: 24px; left: 120px; top: 96px; position: absolute; width: 192px" value="#{bean.text}"/>
                    </ui:form>
                </ui:body>
            </ui:html>
        </ui:page>
    </f:view>
</jsp:root>But when I put the <ui:...> tags as follows it doesn't work.
<ui:textField binding="#{Page1.textField1}" id="textField1" style="left: 120px; top: 48px; position: absolute; width: 192px" text="#{bean.text}">
     <a4j:support event="onkeyup" reRender="rep"/>
</ui:textField>   
<ui:staticText binding="#{Page1.rep}" id="rep" style="height: 24px; left: 120px; top: 96px; position: absolute; width: 192px" text="#{bean.text}"/>
......Please let me know if its possible to use <ui> tags with Ajax4jsf.
Thank you.

Answer 1

!