Using ActiveWidgets with Ajax

I have the following taglibs:

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>

an associated input the:
<h:inputText id="a" onkeypress="ClickConsulta()"
value="#{controle.nome}" />


A button with the following function onclick:
<a4j:commandButton id="Consulta" value="Consulta"
action="#{controle.acao}" reRender="tab" />


Also a grid with the following fields:
<h:dataTable id="myTable" styleClass="datatable"
rowClasses="rowOdd, rowEven" value="#{controle.todos}" var="item">
<h:column>
<f:facet name="header">
<h:outputText value="Codigo"></h:outputText>
</f:facet>
<h:outputText id="a" value="#{item.t009ClienteIu}"></h:outputText>
<f:facet name="footer">
<h:outputText value="Codigo"></h:outputText>
</f:facet>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Nome do Cliente">
</h:outputText>
</f:facet>
<h:outputText id="b" value="#{item.t009Nome}">
</h:outputText>
<f:facet name="footer">
<h:outputText value="Nome"></h:outputText>
</f:facet>
</h:column>
</h:dataTable>

<script type="text/javascript">

All this in JSP, I want to prove the efficiency of ActiveWidgets,
but I have certain difficulties seen that is the first time that
I try use him.

The idea is to possess an input field with the value to be researched and in the grid simply show up the result of the research, that are associated one DAO, Controller and a 'Cliente' class.

Could they help me to solve that problem?

PS.: I got to set up one page 'html' with the input field the button and the grid, but I am not getting to put those commands ajax in the same.

I don't need the example more I already managed to do to work, I thank. Hugs