JSF 2.0：使用请求范围的Bean呈现具有初始数据的表单字段（以更新特定于当前组件的服务器数据）

Question

一个很正常的情况：

我们有一个“ portlet”复合组件，具有两个状态：展开和折叠。 Portlet从扩展开始，但是用户可以通过单击将它们折叠。 此状态应该保存到会话中，以便一旦用户刷新页面或导航到新的portlet，Portlet就会记住它们是否已展开/折叠。

这是问题的核心 ：您如何实际将这种状态保存方式实现到可以多次插入页面的组件中？

一些背景/想法：

通过使用会话范围的bean，可以很容易地实现为一个portlet实现状态保存。 通过创建固定数量的会话范围的bean或在一个bean中声明不同的属性，也可以支持固定数量的portlet。 但是，我什至不想提及为什么这些方法不好。

我最初的想法是在单个会话Bean下创建一个Map（或某种对象结构）来保存所有portlet的状态。 但是，我无法直接从JSF引用此数据（以便JSF也会更新它们）。 我考虑编写一个特定的getter / setter来获取/更新映射中的正确值，但这是不可能的，因为在执行getter和setter的过程中没有识别数据。

但是，很显然，我需要将状态保存到会话bean中。 通过发布带有f:ajax的表单并使用listener和提交的数据执行特殊方法，我可以非常轻松地进行状态保存。 为了支持组件的多个实例，我可以使用一个请求范围的bean（的多个实例）来处理每个扩展/折叠。 但是，为了实际发布标识portlet及其状态的数据，我需要在渲染时首先将其插入到表单字段中。

那么，如何在渲染时实际为每个portlet提供正确的数据（在这种情况下，实际上只是声明布尔值/枚举，但考虑应该处理更多数据的情况）？

看起来：

• h:inputHidden和h:inputText除了值属性（指向#{portletBean.portletState} ）以外，不支持设置其他初始值。
• 由于没有可用的标识信息，因此我无法在其创建时使用正确的初始值自动加载请求Bean。

再次感觉到我缺少了一些东西……指针？

我想至少有一个答案是使用UIComponent而不是复合组件，但是我想将其保留为复合组件，因为它包含许多原始HTML元素。

更新：

• 有一个相当类似的问题 ，建议使用视图范围的bean。 但是，我认为这不可行。

Answer 1

我为此有一些可能的技巧。 我将在这里发布它们，但我认为这些并不是真正的方法：

渲染后直接使用javascript设置具有正确数据的表单字段 ：

window.addEvent('domready', function() {
    var portletState = '#{portletBean.getPortletState(cc.attrs.clientId)}';
    // find the field and set the data...
});

感觉很朴实。 我不想走这条路。

使用组件的属性映射来保存数据：

<cc:interface>
    <cc:attribute name="portletState" default="#{portletBean.getPortletState(cc.attrs.clientId)}" />
</cc:interface>

从代码访问：

public void stateChangedCallback(String clientId) {
    UIComponent component = FacesContext.getCurrentInstance().getViewRoot().findComponent(clientId);
    String state = (String) component.getAttributes().get("portletState");
}

也感觉不对。 另外我不确定它是否有效（您是否可以在默认属性中实际使用EL）。

使用组件的属性映射通过在调用组件时提供数据来保存数据：

<portlet:portlet id="specificPortlet">
    <f:attribute name="portletState" value="#{portletBean.getPortletState(component.clientId)}" />
</portlet:portlet>

再次，非常笨拙，并重复了您的代码。

Answer 2

您可以使用taglibs进行此操作，可以将参数传递给标签：

将以下内容添加到您的taglib中：

<tag>
    <tag-name>date</tag-name>
    <source>components/date.xhtml</source>
</tag>

这是components / date.xhtml的内容

<ui:composition name="date_template">
    <h:panelGrid id="#{id}Panel" columns="1" border="0" cellpadding="0" cellspacing="0">
        <rich:calendar immediate="true" id="#{id}" popup="true" datePattern="dd.MM.yyyy"
                        enableManualInput="true" showApplyButton="true" cellWidth="12px" cellHeight="11px" style="width:100px"
                        value="#{dateForm.date}" required="#{required}" readonly="#{readonly}" validator="#{dateForm.validateDate}">
            <a4j:support event="onchanged" reRender="#{id}Panel,#{reRenderDate}"/>
            <ui:insert />
        </rich:calendar>

        <rich:message for="#{id}" errorClass="error" />
    </h:panelGrid>
</ui:composition>

然后像这样使用：

<adse:date id="dateTransfert" required="true"
           dateForm="#{dossierBean.dateTransfert}"
           readonly="false" reRenderDate="montantAncien,montantNouveau,montantEmolument">
     <a4j:support event="oninputblur" reRender="dateTransfertPanel,montantAncien,montantNouveau,montantEmolument"/>
</adse:date>

在这种情况下，传入dateForm，这是一个对象，在taglib中，我们使用该对象的属性（dateForm.date）。 还要注意<ui：insert />，它可以用来在XHTML中包括其他元素。

因此，您可以为每个portlet传递上下文。 您甚至可以通过将portletBean作为定义getPortletState（）方法的超类来制定此标准。

Answer 3

我使用以前解决的技巧从JS调用bean方法 ：

创建了一个空的，不可见的表单，其中包含h:commandButton和f:ajax ，它调用了listener 。

创建了一个单独的按钮来启动扩展/折叠事件。 从该按钮启动javascript方法，该方法可以对展开/折叠进行动画处理，同时单击表单内的隐藏按钮。 所有需要的数据都使用listener属性发送。 侦听器的目标是会话Bean，该会话Bean检查/更新由组件的客户端ID标识的状态图。

这很简单，想知道为什么我没有意识到这一点……

但是，它还远非完美，它也无法回答如何使用默认值启动请求范围的Bean并将其用作存储/传输形式。