Question

我在WebSphere Application Server 8上使用JSF 2.0（Apache myFaces）。

我有一个包含图表列表的bean（jquery HighCharts的数据）。对于每个图表，我需要一些JSF组件+一个Highchart Wrapper编写为CompositeCompoent（look here）

所以我使用jsf 2的ui：repeat函数：

<?xml version="1.0" encoding="UTF-8" ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:p="http://primefaces.org/ui"
    xmlns:c="http://java.sun.com/jsp/jstl/core"
    xmlns:hc="http://java.sun.com/jsf/composite/chartComponents"
    template="/template/mytemplate.xhtml">

    <ui:define name="content">


        <ui:repeat value="#{chartCtrl.charts }" var="chart" id="chartrepeat" varStatus="chartStatus">
                #{chartStatus.index }
                <h:form id="chartform_#{chartStatus.index }">

                    <!-- some jsf select stuff-->               
                </h:form>

                    #{chartStatus.index }
                    <hc:Chart title="Statistics" id="hcchart_#{chartStatus.index }"
                    <!-- here's the problem-->

                        <ui:repeat value="#{chart.series }" var="serie">
                            <hc:ChartSeries series="#{serie.data }" />
                        </ui:repeat>
                    </hc:Chart>
                    #{chartStatus.index }
            </p:panel>
        </ui:repeat>


        <h:outputScript library="js" name="highcharts.js" />
        <h:outputScript library="js/modules" name="exporting.js" />
        <h:outputScript library="js" name="jquery-1.9.1.min.js" target="head" />

    </ui:define>
</ui:composition>

＃{chartStatus.index}适用于hc：Chart id =“”。此CC生成的js和div包含id'hcchart_chartdiv'。当前重复的索引离开了。

如何将正确的数字传递给id属性？

编辑：复合组件

以下是应使用ID的hc：Chart的一部分

<cc:implementation>
    <div id="#{cc.id}_chartDiv" />

        <!-- Highcharts -_>
    <script type="text/javascript">
        $(function() {
            // Data must be defined WITHIN the function. This prevents
            // different charts using the same data variables.
            var options = {
                credits : {
                    enabled : false
                },
                chart : {
                    renderTo : '#{cc.id}_chartDiv',
            ....
        </script>

当我将属性id保留在hc：Chart为空时，生成的ID就像“j_id568185923_1_5f9521d0_chartDiv”。但仍然没有：行：。

编辑2：IndexOf方法我测试了另一种设置图表ID的方法。

id="hc_#{chartCtrl.charts.indexOf(chart) }"

我尝试使用ArrayList的IndexOf方法。我在所有类中实现了HashCode和Equals方法。当我测试它，它工作正常。但是当我和EL一起使用时，我得到-1返回。

解决方案 就像BalusC说我不能使用EL的ID标签。所以我在CC中创建了一个新属性。这很好（很简单）。

感谢BalusC。

有人有另一个想法吗？

Answer 1

在视图构建期间评估id属性。 <ui:repeat varStatus>在视图渲染时间内设置，在视图构建时间之后。从本质上讲，您遇到的问题与此处详细说明的相同：JSTL in JSF2 Facelets... makes sense?

id属性中的任何EL表达式在视图构建期间必须可用。如果您将<ui:repeat>替换为在视图构建期间运行的<c:forEach>，则必须正确设置id。另一种方法是根据id删除那些<ui:repeat varStatus>属性中的EL。 JSF将已经自动为<ui:repeat>子组件的ID添加行索引。

请注意，<c:forEach>与视图范围Bean结合使用并启用了部分状态保存时，可能会产生无法预料的副作用。有关详细信息，请参阅上述相关答案。

UI重复varStatus在CompositeComponent中不起作用

1 个答案: