选择多个组件中项目的动态重新加载

Question

我想实现类似于http://www.primefaces.org/showcase/ui/pprSelect.jsf的东西，但我需要一个双组合的集合，所以我把它包装在ui：重复

我需要在后端检查双组合集合中的哪个元素已更改，以及需要重新加载的内容。对于通信，如示例中所示，使用了p:ajax，但AjaxBehaviorEvent没有给我带来任何元素索引的概念（我指的是由ui生成的双组合元素的索引：repeat）

我的客户端html" target="_blank">代码，想法是每次引发ajax事件时更新bean： selectedIndex（在selectOneMenu的更改值上），并且bean： selectedIndex的值将设置为更改selectOneMenu的索引

private List<State> productStates
private int selectedIndex;
private List<Group> groups;
private Map<Integer, Collection<Device>> availableDevicesMap;

<ui:repeat var="state" value="#{bean.productStates}" varStatus="iter">

    <p:selectOneMenu id="devGroup" value="#{state.group}">  
        <f:selectItems value="#{bean.groups}"  />  
            <p:ajax  update="refreshable"  process="devGroup, @this"  listener="#{bean.refreshDevicesForState}" >
                    <f:setPropertyActionListener target="#{bean.selectedIndex}" value="#{iter.index}"/>
            </p:ajax>                                    
    </p:selectOneMenu>

    <!-- THIS WILL BE UPDATED -->
    <h:panelGroup id="refreshable">
            <p:selectManyButton  id="devices" value="#{state.devices}" >  
                <f:selectItems value="#{bean.availableDevicesMap[status.index]}"   />  
            </p:selectManyButton> 
    </h:panelGroup>
</ui:repeat>

不按预期工作的后端。不调用setProperty tyActionListener并且selectOneMenu组件没有将选定的组作为值

public refreshDevicesForState(AjaxBehaviorEvent e) {
        SelectOneMenu menu = (SelectOneMenu)e.getComponent();
    // this value is not as selected on frontend
        Group group = (Group)menu.getValue();

    // selectedIndex will not be set, so I assume that setPropertyActionListener didn't invoked
    availableDevicesMap.put(selectedIndex, group.getDevices());
}

我也尝试了下面的代码，但在我看来，这是丑陋的

// id will be grandpaId:parentId:index:myId 
String selectedIndex = IdHelper.getIdPart(e.getComponent().getClientId(), -2);
State state = productStates.get(Integer.parseInt(selectedIndex));

我在glassfish和Mojarra上使用最新的primefaces作为jsf参考实现

谢谢你的帮助

我有一个物体列表，比如说汽车

List<Car> cars

在frontent上，我对它们进行了迭代，为每辆车创建了select brand和select model组合。当用户为第四辆车选择品牌时，我想在后端知道第四辆车将被更换，我将重新加载这辆车的可用型号列表

 <ui:repeat var="state" value="#{bean.cars}" >
    <p:selectOneMenu id="brands"/>// select brand

    <p:selectOneMenu "models"/>// show available models depends on selected brand
 </ui:repeat>

在JSF世界中如何正确处理它？

Answer 1

我的第一个建议是使用组转换器。SelectOneMenu无法设置自定义类，只能在转换器的帮助下设置。（例如自动完成：http://www.primefaces.org/showcase/ui/autoCompletePojo.jsf)

其次，在bean处理程序中，productStates变量已经包含（selectOneMenus的）选定值。您可以更轻松地使用它，而不是从事件中访问它。

如果selectOneMenus的值取决于State，则必须修改它：

<f:selectItems value="#{bean.groups}"  />

能够表示应显示哪些组值。

如果要调试它（不进行eclipse调试），可以使用消息，例如：

将其添加到xhtml：

<p:growl id="msgs" showDetail="true"/>

在bean中：

public refreshDevicesForState(AjaxBehaviorEvent e) {

 ...
 FacesMessage msg = new FacesMessage("Selected", "any debug info" + productStates.get(0).getGroup());  
 FacesContext.getCurrentInstance().addMessage(null, msg);  

}

根据你的mods，我修改了我的答案。我会这样做：

xhtml：

<ui:repeat var="state" value="#{bean.productStates}" varStatus="iter">

 <p:selectOneMenu id="devGroup#{iter.index}" value="#{state.group}"
        valueChangeListener="#{bean.updateSubProperty}" immediate="true">  
  <f:selectItems value="#{bean.groups}"  />  
  <f:attribute name="index" value="#{iter.index}" />
 </p:selectOneMenu>

 <p:selectOneMenu id="subDevGroup#{iter.index}">
  ...
 </p:selectOneMenu>
</ui:repeat>

豆：

 public void updateSubProperty(ValueChangeEvent vce) {
  String index = vce.getComponent().getAttributes().get("index").toString();
  int i = Integer.parseInt(index); //this is the index of the selected selectOneMenu
  ///...

  //update sub selectOneMenu
  RequestContext.getCurrentInstance().update("subDevGroup" + index);
 }