p:pieChart does not work inside of p:tab

[Alan]

I created a composite component that looks like this:

Code: Select all

   <cc:implementation>

        <p:panel rendered="!#{cc.tallyOk}">
            <h:outputText value="ERROR: Tally Doesn't Exist" />
        </p:panel>

        <p:panel rendered="#{cc.tallyOk}">

                <h:outputText value="Whar's the Pie?  Whar?" />

                <p:pieChart 
                    seriesColors="FF0000, FF66FF, FFCCFF, CCFFCC, 66FF66, 009900"
                    value="#{cc.model}"
                    style="width:#{cc.attrs.width}px;height:#{cc.attrs.height}px" 
                    />

        </p:panel>

    </cc:implementation>

Now I use the component like this:

Code: Select all

                          
                        <qc:tallyPie value="#{frontPage.topTenActiveAllTime.get(0)}" height="400" width="400" />
                        <hr/>
                
                <p:tabView dynamic="true" cache="true">

                    <p:tab title="Top Tallies">

                        <qc:tallyPie value="#{frontPage.topTenActiveAllTime.get(0)}" height="400" width="400" />

   ... etc
                        

The first reference to the component works perfectly. According to Firebug it renders a div element containing a bunch of canvas elements. The second reference renders everything except the actual chart. Where the chart is supposed to be I get a div element with nothing inside it. I think the plotting functions are not getting the right client ID of the div element in the case where the p:pieChart is inside a tabView. Can anyone advise how to fix this?

This is on 3.0.M3.

P.S. It also does the same thing with p:dataGrid.

[daniel_r]

Sorry haven't noticed that my suggested solution was already in use...

oooops....

[cagatay.civici]

See;

http://code.google.com/p/primefaces/iss ... il?id=2601