带有 inputText 的 Primefaces pickList 不起作用答案

【问题标题】：Primefaces pickList with inputText not working带有 inputText 的 Primefaces pickList 不起作用
【发布时间】：2015-09-18 12:48:16
【问题描述】：

我正在尝试向我的 primefaces pickList 添加一个 inputText 字段，但我遇到了一些问题。

起初：我无法通过普通的左键单击在 textField 中写入。我必须右键单击才能输入文本字段。

第二：似乎没有将textField中的值保存到对应的实体中。

我的情况：

<h:form id="pickListForm">
        <p:pickList converter="primeFacesPickListConverter" id="pickList" value="#{locodeBackingBean.locodes}"
                    var="locode" showCheckbox="true"
                    itemValue="#{locode.id}">
            <f:facet name="sourceCaption">#{msgs['locode.not.infected']}</f:facet>
            <f:facet name="targetCaption">#{msgs['locode.infected']}</f:facet>
            <p:column style="width:70%;">
                <h:outputText value="#{locode.description}"/>
            </p:column>
            <p:column style="width:30%">
                <p:inputText value="#{locode.incubationPeriod}"/>
            </p:column>
        </p:pickList>
        <p:commandButton value="#{msgs.save}" action="#{locodeBackingBean.save()}" update="growl"/>
    </h:form>

我的后盾：

@ManagedBean
@ViewScoped
public class LocodeBackingBean implements Serializable {
   private static final long serialVersionUID = 1L;

   @Inject
   private transient LocodeRepositoryBean locodeRepository;

   private DualListModel<Locode> locodes = new DualListModel<>();

   public void save() {
    for (Locode locode : locodes.getTarget()) {
        locode.setInfectedArea(true);
        locodeRepository.save(locode);
    }

    for (Locode locode : locodes.getSource()) {
        locode.setInfectedArea(false);
        locodeRepository.save(locode);
    }
    addFacesMessage("locode.action.saved");
   }

   @PostConstruct
   public void search() {
    List<Locode> source = locodeRepository.findAllNotInfected(locodeSearchCriteria);;
    List<Locode> target locodeRepository.findAllInfected(locodeSearchCriteria);
    locodes.setSource(source);
    locodes.setTarget(target);
   }


   public DualListModel<Locode> getLocodes() {
    return locodes;
   }

   public void setLocodes(DualListModel<Locode> locodes) {
    this.locodes = locodes;
   }

为了完整起见，我的转换器：

@FacesConverter(value = "primeFacesPickListConverter")
public class PrimeFacesPickListConverter<T extends Domain> implements Converter {

   @Override
   public Object getAsObject(FacesContext arg0, UIComponent arg1, String arg2) {
    if (arg1 instanceof PickList) {
        Object dualList = ((PickList) arg1).getValue();
        DualListModel dl = (DualListModel) dualList;
        for (Object o : dl.getSource()) {
            if (equalsById(arg2, o)) return o;
        }

        for (Object o : dl.getTarget()) {
            if (equalsById(arg2, o)) return o;
        }
    }
    throw new PrimeFacesPickListConverterException("Could not match object's id (" + arg2 + ") to any id's in the list.");
   }

   private boolean equalsById(String arg2, Object o) {
    String id = String.valueOf((((T) o)).getId());
    return arg2.equals(id);
   }

   @Override
   public String getAsString(FacesContext arg0, UIComponent arg1, Object arg2) {
    return String.valueOf(arg2);
   }

使用 PrimeFaces 5.2

【问题讨论】：

从未打算以这种方式使用它。通常，在选择列表中嵌入控件并不常见（至少我从未见过）。另见stackoverflow.com/questions/32489834/…

标签： jsf primefaces

【解决方案1】：

通常选择列表不包含“控件”。所以它从来没有被设计成以这种方式工作，如果它不起作用，那就太不幸了。重新设计你的用户界面是唯一要做的事情。

【讨论】：