Issue with dependent resource loading in dynamically created components in Richfces4

[piyush.mnnit]

Hello Guys,

We are migrating our application from Richfaces 3.3 to Richfaces 4.

I've hit a bit of a snag. RichFaces 4 appears to 'inject' CSS/JS resources by 'expanding' <h:head /> based on what components it sees are on the Facelets page? For example, if I put a <rich:calendar /> on my page, I see a...

     <link type="text/css" rel="stylesheet" href="/rfRes/calendar.ecss.jsf?db=eAHL6rC8BQAEkAIG&amp;ln=org.richfaces" />

...appear in my HTML output. This appears to be a new approach compared to 3.3.3.Final's org.ajax4jsf.Filter?

However if I try creating the UICalendar dynamically (programmatically) such that there is no <rich: calendar/> in my static Facelets page originally (it is added at runtime), then no JS line gets injected. Presumably because the <h:head /> has already been processed by the time I create the UIComponent?

Please find code below which I am using for creating calendar as per solution mentioned in https://community.jboss.org/message/601807, but even that is not working

ApplicationFactory factory = (ApplicationFactory) FactoryFinder.getFactory(FactoryFinder.APPLICATION_FACTORY);

Application app = factory.getApplication();

FacesContext ctx = FacesContext.getCurrentInstance();

UICalendar calendar = (UICalendar)app.createComponent(ctx, UICalendar.COMPONENT_TYPE, "org.richfaces.CalendarRenderer");

Please help me with alternative/solution asap.

Regards,

Piyush

[bleathem]

Are you adding the component to the component tree?  In what phase are you doing that?  JSF Resource handlind should take care of the resource loading for you, I'm surprised it's not working.

One possibility is to use RichFaces 4 resource optimization to load single minified CSS and JS files with resources for all components present.  This way, your resources are present regardless of whether or not the specific component that called for them are present.  Read up on how to do this here:

http://lukas.fryc.eu/blog/2012/02/optimizing-resource-loading-with.html

[piyush.mnnit]

I am adding via ajax thats why it is not loading dependent resources.

when I am adding resource optimization, page is even worse. It is unable to load any css or JS.

I have added below code in web.xml, please let me know if we have to do some extra configuration.

<servlet>

    <servlet-name>Resource Servlet</servlet-name>

    <servlet-class>org.richfaces.webapp.ResourceServlet</servlet-class>

    <load-on-startup>1</load-on-startup>

</servlet>

<servlet-mapping>

    <servlet-name>Resource Servlet</servlet-name>

    <url-pattern>/org.richfaces.resources/*</url-pattern>

</servlet-mapping>

<context-param>

    <param-name>org.richfaces.resourceOptimization.enabled</param-name>

    <param-value>true</param-value>

</context-param>

[bleathem]

We use the resource optimisation in the RichFaces showcase, have a look there to see if you are missing anything:

https://github.com/richfaces/richfaces/blob/master/examples/showcase/src/main/webapp-openshift/WEB-INF/web.xml