Несколько экземпляров составного компонента в представлении?

Question

Я прочитал много подобных вопросов, но не могу понять, как решить мою проблему:

Я написал составной компонент, поддерживаемый автономным управляемым компонентом, ограниченным представлением.
Компонент состоит из текстового окна автозаполнения с кнопкой, которая открывает диалог. Пользователь может выбрать элемент по имени (автозаполнение) или выбрать узел в дереве (диалог).
Бэк-бэк реализует все необходимое (доступ к данным, древовидную логику и т. Д.) И должен выставлять выбранный элемент (как POJO).

Теперь у меня есть 2 проблемы:

1. Из-за сложности управления дерева, selectedObj собственность, доступ по геттер и сеттер, которые делают некоторые вещи в бобе: они не просто доступ к класса. Теперь я передаю весь компонент в качестве атрибута. Как я могу сделать selectedObj bean-атрибутом «значение» моего составного компонента?

2. Как я могу использовать несколько экземпляров моего компонента в одном представлении?

Ниже приведен пример компонента:

<cc:interface> 
    <cc:attribute name="bean" type="com.yankee.OUTreeBean" required="true"/> 
    <cc:attribute name="listener" method-signature="void listener()"/> 
</cc:interface> 
<cc:implementation> 
    <p:dialog id="#{cc.id}_dialog" widgetVar="_dlg" header="Select OU" modal="true" dynamic="true" > 
     <p:toolbar> 
      <!-- some buttons to refresh, expand, collapse etc. --> 
     </p:toolbar> 
     <p:tree id="#{cc.id}_tree" value="#{cc.attrs.bean.root}" var="node" 
       selectionMode="single" 
       selection="#{cc.attrs.bean.selectedNode}"> 
      <p:ajax event="select" update="@form" listener="#{cc.attrs.listener}" oncomplete="if (!args.validationFailed) _dlg.hide()" /> 
      <p:treeNode> 
       <h:outputText value="#{node.OU_NAME}" /> 
      </p:treeNode> 
     </p:tree> 
    </p:dialog> 

    <p:autoComplete id="#{cc.id}_inner" value="#{cc.attrs.bean.selectedObj}" completeMethod="#{cc.attrs.bean.completeObj}" 
        var="obj" itemLabel="#{obj.OU_NAME}" itemValue="#{obj}" 
        forceSelection="true" 
        converter="ouConverter" 
        multiple="false" 
        minQueryLength="2"> 
     <p:ajax event="itemSelect" listener="#{cc.attrs.listener}" update="@form"/> 
    </p:autoComplete> 
    <div style="float: right"> 
     <p:commandButton id="bSearch" icon="ui-icon-search" onclick="_dlg.show()"/> 
    </div> 
</cc:implementation> 

Подкладочный боба из КОМПОНЕНТА:

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

    private List<OU> data; // Data as plain list 
    protected TreeNode root; // root node of data as a tree 
    protected TreeNode selectedNode; 

    @PostConstruct 
    private void init() throws SQLException { 
     refreshData(); 
    } 

    public OU getSelectedObj() { 
     if (selectedNode == null) { 
      return null; 
     } 
     return ((OU) selectedNode.getData()); 

    } 
    public void setSelectedObj(OU ou) { 
     // Find the right tree node and do whatever needed 
    } 
    public TreeNode selectedNode getSelectedNode() { 
     // Blah blah 
    } 
    public void setSelectedNode(TreeNode selectedNode) { 
     // Blah blah 
    } 
    public List<OU> completeObj(String namePattern) { 
     // Autocomplete handler 
    } 
    public void refreshData() { 
     // Blah blah 
    } 
    // etc... 

} 

используя страницу выдержка:

<ism:selectOUTree id="cbSelectOu" bean="#{myBean.ouFilterBean}" listener="#{myBean.onOUChange}"/> 

подкладочного bean of PAGE:

@ManagedBean 
@ViewScoped 
public class MyBean implements Serializable { 

    private static final long serialVersionUID = 1L; 
    @ManagedProperty("#{oUTreeBean}") 
    private OUTreeBean ouFilterBean; 

    public void onOUChange() throws SQLException { 
     // Blah blah 
    } 
} 

Answer 1

У меня была такая же проблема несколько дней назад. Как и вы, я использовал ManagedBean как объект, который должен выполнять эту работу. Через некоторое время я понял, что должен просто создать FacesComponent. Я новичок в JSF, так что найти решение было не так просто, но он решил все мои проблемы. Вот как это работает:

View.xhtml

<h:body> 
    <cc:interface componentType="playerComponent"> 
     <cc:attribute name="playerId" required="true"/> 
    </cc:interface> 
    <cc:implementation> 
     <c:set var="inplaceId" value="inplace-#{cc.attrs.playerId}" /> 
     <c:set var="outputId" value="output-#{cc.attrs.playerId}" /> 
     <h:form id="form-#{cc.attrs.playerId}"> 
      <p:inplace editor="false" widgetVar="#{inplaceId}"> 
       <h:inputText value="#{cc.player.name}" id="outputId"/> 
       <p:commandButton onclick="#{inplaceId}.save()" action="#{cc.save}" update="#{outputId}" value="save" /> 
       <p:commandButton onclick="#{inplaceId}.cancel()" update="#{outputId}" value="cancel" /> 
      </p:inplace> 
     </h:form> 
    </cc:implementation> 
</h:body> 

PlayerComponent.java

@FacesComponent("playerComponent") 
public class PlayerComponent extends UINamingContainer { 

    private Player player; 

    private void init() { 
     Object idObj = getAttributes().get("playerId"); 
     if (idObj != null) { 
      // create player object 
     } 
    } 

    public void save() { 
     // save player object 
    } 

    public Player getPlayer() { 
     if (player == null) { 
      init(); 
     } 
     return player 
    } 
} 

Player.java (юридическое лицо)

public class Player { 
    private name; 
    public String getName() { 
     return name; 
    } 

    public void setName(String name) { 
     this.name = name; 
    } 

} 

Как я уже писал, я новый в JSF и, возможно, объект игрока должен быть создан по-разному (используя @PostConstruct в конструкторе?), но это wo гк.