jsf - 填充 p :selectOneMenu based on another p:selectOneMenu in each row of a p:dataTable

Question

我有一个<p:dataTable>带有惰性负载。在其中两列中，有一个 <p:selectOneMenu>在他们每个人中。

第一列包含国家/地区列表，第二列包含数据库中的州列表。

我希望第二个菜单(包含州列表的菜单)仅显示数据表的每行中与中第一个菜单中的国家/地区相对应的州数据表的每一行。

在编辑模式下，当菜单中的国家/地区发生更改时，与该国家/地区对应的州应该填充到当前行的菜单中。

如何在数据表的每一行中加载与其国家/地区相对应的州列表？

<小时/>

数据表中的这两列不完整，因为我不知道如何实现这一点。

<p:column>
    <p:cellEditor>
        <f:facet name="output">
            <h:outputText value="#{row.state.country.countryName}"/>
        </f:facet>

        <f:facet name="input">
            <p:selectOneMenu value="#{row.state.country}">
                <f:selectItems var="country"
                               value="#{cityBean.selectedCountries}"
                               itemLabel="#{country.countryName}"
                               itemValue="#{country}"/>

                <p:ajax update="states" listener="#{cityBean.getStates}"/>
            </p:selectOneMenu>
        </f:facet>
    </p:cellEditor>
</p:column>

<p:column>
    <p:cellEditor>
        <f:facet name="output">
            <h:outputText value="#{row.state.stateName}"/>
        </f:facet>

        <f:facet name="input">
            <p:selectOneMenu id="states">

                <f:selectItems var="state"
                               value="#{cityBean.selectedStates}"
                               itemLabel="#{state.stateName}"
                               itemValue="#{state}"/>
            </p:selectOneMenu>
        </f:facet>
    </p:cellEditor>
</p:column>

cityBean.selectedCountries检索除 cityBean.selectedStates 以外的所有必需国家/地区还从数据库中检索所有州，这是不必要的，应修改为仅检索另一个菜单中与其国家/地区相对应的州。

我该如何继续？

Answer 1

虽然您最初的解决方案有效，但实际上效率很低。这种方法基本上要求将 Country 和 State 表(即使有循环引用)的整个对象图完全加载到每个 JSF View 或 session 的 Java 内存中，即使当您仅同时使用例如150 个国家/地区中的 5 个(因此理论上 5 个国家列表就足够了，而不是 150 个国家列表)。

我不完全了解您的功能和技术要求。也许您实际上同时使用了所有这 150 个国家/地区。也许您有许多页面需要所有(至少“许多”)国家和州。也许您拥有最先进的服务器硬件和充足的内存，以便可以轻松地在内存中的所有 JSF View 和 HTTP session 上复制所有国家/地区和州。

如果情况并非如此，那么不急切地获取每个国家/地区的州列表将是有益的(即 @OneToMany(fetch=LAZY) 应该是用于Country#states 和State#cities)。鉴于国家和州列表(可能)是静态数据，一年中更改次数很少，至少足以仅在每次部署的基础上进行更改，最好将它们存储在应用程序范围的 bean 中，以便跨应用程序重复使用所有 View 和 session ，而不是在每个 JSF View 或 HTTP session 中重复。

在继续回答之前，我想指出您的代码中存在逻辑错误。鉴于您正在编辑城市列表，因此 #{row} 本质上是 #{city}，通过州引用国家/地区会很奇怪如下拉输入值中的 #{city.state.country} 所示。虽然这可能适用于显示，但不适用于编辑/保存。基本上，您是在每个州而不是每个城市的基础上更改国家/地区。当前选择的州将获得新的国家/地区，而不是当前迭代的城市。这一变化将反射(reflect)在该州的所有城市!

如果您想继续使用此数据模型，这确实不是一件小事。理想情况下，您希望在 City 上有一个单独的(虚拟)Country 属性，以便更改不会影响城市的 State 属性。您可以将其设置为 @Transient，这样 JPA 默认情况下不会将其视为 @Column。

@Transient // This is already saved via City#state#country.
private Country country;

public Country getCountry() {
    return (country == null && state != null) ? state.getCountry() : country;
}

public void setCountry(Country country) { 
    this.country = country;

    if (country == null) {
        state = null;
    }
}

总而言之，您最终应该拥有这个(为简洁起见，省略了不相关/默认/明显的属性):

<p:dataTable value="#{someViewScopedBean.cities}" var="city">
    ...
    <p:selectOneMenu id="country" value="#{city.country}">
        <f:selectItems value="#{applicationBean.countries}" />
        <p:ajax update="state" />
    </p:selectOneMenu>
    ...
    <p:selectOneMenu id="state" value="#{city.state}">
        <f:selectItems value="#{applicationBean.getStates(city.country)}" />
    </p:selectOneMenu>
    ...
</p:dataTable>

使用像这样的#{applicationBean}:

@Named
@ApplicationScoped
public class ApplicationBean {

    private List<Country> countries;
    private Map<Country, List<State>> statesByCountry;

    @EJB
    private CountryService countryService;

    @EJB
    private StateService stateService;

    @PostConstruct
    public void init() {
        countries = countryService.list();
        statesByCountry = new HashMap<>();
    }

    public List<Country> getCountries() {
        return countries;
    }

    public List<State> getStates(Country country) {
        List<State> states = statesByCountry.get(country);

        if (states == null) {
            states = stateService.getByCountry(country);
            statesByCountry.put(country, states);
        }

        return states;
    }

}

(这是延迟加载方法；您也可以立即在 @PostConstruct 中获取它们，看看什么更适合您)