How to use the feature of ajax in visual web jsf

Question

Hello,everyone!
I want to use the feature of ajax in visual web jsf,but the program encountered a error. I want refresh the dropdownlist once the javascript captured the refresh message,they both behaved asynchronously. However, the textField1 rendered with a blank box,while the dropDown1 had no change. The code as follows:
<jsp:root version="2.1" 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:webuijsf="http://www.sun.com/webui/webuijsf">
<jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
<f:view>
<webuijsf:page binding="#{Page1.page1}" id="page1">
<webuijsf:html binding="#{Page1.html1}" id="html1">
<webuijsf:head binding="#{Page1.head1}" id="head1">
<webuijsf:link binding="#{Page1.link1}" id="link1" url="/resources/stylesheet.css"/>
<webuijsf:script>
var processEvents = {                                                
update: function(props) {
var combo=document.getElementById("form1:dropDown1");
combo.refresh();
// Subscribe to refresh event.
function refreshme(){
var dom=document.getElementById("form1:textField1");
dom.refresh();
dojo.subscribe(webui.suntheme.widget.textField.event.refresh.endTopic, processEvents, "update");
</webuijsf:script>
</webuijsf:head>
<webuijsf:body binding="#{Page1.body1}" id="body1" style="-rave-layout: grid">
<webuijsf:form binding="#{Page1.form1}" id="form1">
<webuijsf:textField binding="#{Page1.textField1}" id="textField1" onBlur="refreshme();"
style="position: absolute; left: 168px; top: 144px" valueChangeListenerExpression="#{Page1.textField1_processValueChange}"/>
<webuijsf:textField binding="#{Page1.textField2}" id="textField2" style="left: 168px; top: 96px; position: absolute"/>
<webuijsf:dropDown binding="#{Page1.dropDown1}" id="dropDown1" items="#{Page1.dropDown1DefaultOptions.options}" style="position: absolute; left: 192px; top: 216px"/>
</webuijsf:form>
</webuijsf:body>
</webuijsf:html>
</webuijsf:page>
</f:view>
</jsp:root>
/**********************************java******************************************/
the function textField1_processValueChange didn't been invoked
public void textField1_processValueChange(ValueChangeEvent event) {
DropDown dd=getDropDown1();
Option op1=new Option();
String addText=(String)getTextField1().getText();
op1.setLabel(addText);
op1.setTooltip("tooptip");
op1.setValue(addText);
ArrayList <Option> l=null;
Iterator <Option> i = dd.getListItems();
while(i.hasNext()){
l.add(i.next());
l.add(op1);
dd.setItems(l);
thanks In advance all of your replies.

Answer 1

Hi there,
Take a look at this, will help you
http://developers.sun.com/jscreator/learning/tutorials/2/textcompletion.html
Thanks
K