`
dragonxiangfu
  • 浏览: 155376 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

关于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>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics