如何通过javascript获取和更新Primefaces pickList bean源和目标列表

How to get and update Primefaces pickList bean source and target lists via javascript

本文关键字:bean 目标 列表 pickList 更新 何通过 javascript 获取 Primefaces      更新时间:2023-09-26

我正在开发一个具有选择交互的地图应用程序。当城市被选中时,尝试更新pickList bean。

<script>  
function onCitySelected(e) {  
   // get myPrimeFacesPickList
   // update myPrimeFacesPickList : move e.selectedCity source to target 
}  
</script>

是否有任何方法来获取和更新源和目标城市列表在我的javascript代码?

可以使用primeface RemoteCommand

它将添加一个js函数到你的页面,你可以在你的onCitySelected函数中使用。然后调用该函数将在后台bean中触发一个方法,在该方法中,您可以将所选城市添加到模型中(使用<f:setPropertyActionListener>),然后通过在remoteCommandupdate属性中设置列表的id来更新pickList。

在primefaces展示中查看remoteCommand的展示案例,并参考remoteCommand组件的primefaces文档。