关于Oracle ADF 11g实现自动提示（客户端和服务端监听的使用）(一)

对于页面中控件的值的自动提示的实现，先对整个自动提示的过程做一下分析。首先是inputText中输入一个value，那么通过键盘就应该响应一个客户端的JavaScript；然后这个客户端需要通知服务器端，并将inputText中输入的value传给服务器端，服务器端监听到这个事件后调用managedBean中的相应的方法，根据传入的value与定义好的List中的value做筛选，并将筛选后的数据显示到一个selectOneListbox中，然后用户选中selectOneListbox的一条数据之后，再响应一个客户端的JavaScript，将选中的数据set到inputText中。整个过程清晰了，那实现的方法也就明了了。
<wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2">在inputText中加入一个客户端的监听clientListener和服务端的监听serverListener，客户端响应类型keyUp的事件，并通知服务器端。服务端监听绑定好managedBean中的一个方法。</span><br style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2">function handleCityChange(actionEvent)</span><br style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2">{</span><br style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2">var source = actionEvent.getSource();</span><br style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2">var params = {city:source.getSubmittedValue()};</span><br style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2">AdfCustomEvent.queue(source, 'cityChange', params,</span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2">true);</span><br style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2">actionEvent.cancel();</span><br style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2">}</span><br style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2">这样就会执行serverListener的method绑定的managedBean的方法，这个方法只需把传入的参数赋值给一个全局变量，并手动对selectOneListbox做PPR即可。然后在selectOneListbox中的selectItems的value所绑定的get方法中根据已经赋值了的全局变量对数据进行筛选。最后在selectOneListbox中还要加一个针对其valueChange的客户端的监听clientListener，将selectOneListbox的当前value设置给inputText就OK了。</span><br style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2">function acceeptCityChange(actionEvent)</span><br style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2">{</span><br style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2">var source = actionEvent.getSource();</span><br style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2">var city = source.findComponent('txtCity');</span><br style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2">city.setValue(source.getValue());</span><br style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2">}</span><br style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2"></span><wbr style="line-height:23px; orphans:2; widows:2"><span style="line-height:23px; orphans:2; widows:2">客户端和服务端的监听的使用还是非常有用的。</span></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>