[richfaces-issues] [JBoss JIRA] (RF-11694) RF4 : Bad rendering on rich:dataTable inside ui:include enclosed in a rich:tabPanel

[ https://issues.jboss.org/browse/RF-11694?page=com.atlassian.jira.plugin.s... ] Lukáš Fryč edited comment on RF-11694 at 11/30/11 12:55 PM: ------------------------------------------------------------ Hi Jean, I think you are facing issues with ajax loaded components and their resources. The problem is that {{rich:tab}} is traditionally loading resources (CSS/JS) for components in initial page, but due to JSF issues, they can't be loaded when these components aren't known in initial state of component tree (they are renderer dynamically). This might be the case of components under dynamic {{c:forEach}}. The workaround is to render resources to the initial page, basically you need to get following links rendered to the page: {code} <script type="text/javascript" src="/showcase/javax.faces.resource/datatable.js.jsf?ln=org.richfaces"></script> <link type="text/css" rel="stylesheet" href="/showcase/rfRes/datatable.ecss.jsf?db=eAHb1WuhCAAFJAGh&amp;ln=org.richfaces" /> {code} These are workarounds which I propose (haven't tried, please let me know which works): * use {{<h:dataTable />}} with {{style="display:none"}} (also {{rendered="false"}} could work) * use {{<h:outputStylesheet library="org.richfaces" name="datatable.ecss">}} and {{<h:outputScript library="org.richfaces" name="datatable.js">}} (EDIT: you need to place them into {{<h:body>}} section) * use aggregated (packed) resources feature (resources for all components will be rendered by default, see [1]) [1] http://docs.jboss.org/richfaces/4.1.X/4.1.0.CR1/Developer_Guide/en-US/htm... was (Author: lfryc): Hi Jean, I think you are facing issues with ajax loaded components and their resources. The problem is that {{rich:tab}} is traditionally loading resources (CSS/JS) for components in initial page, but due to JSF issues, they can't be loaded when these components aren't known in initial state of component tree (they are renderer dynamically). This might be the case of components under dynamic {{c:forEach}}. The workaround is to render resources to the initial page, basically you need to get following links rendered to the page: {code} <script type="text/javascript" src="/showcase/javax.faces.resource/datatable.js.jsf?ln=org.richfaces"></script> <link type="text/css" rel="stylesheet" href="/showcase/rfRes/datatable.ecss.jsf?db=eAHb1WuhCAAFJAGh&amp;ln=org.richfaces" /> {code} These are workarounds which I propose (haven't tried, please let me know which works): * use {{<h:dataTable />}} with {{style="display:none"}} (also {{rendered="false"}} could work) * use {{<h:outputStylesheet library="org.richfaces" name="datatable.ecss">}} and {{<h:outputScript library="org.richfaces" name="datatable.js">}} * use aggregated (packed) resources feature (resources for all components will be rendered by default, see [1]) [1] http://docs.jboss.org/richfaces/4.1.X/4.1.0.CR1/Developer_Guide/en-US/htm... -- This message is automatically generated by JIRA. If you think it was sent incorrectly, please contact your JIRA administrators: https://issues.jboss.org/secure/ContactAdministrators!default.jspa For more information on JIRA, see: http://www.atlassian.com/software/jira