RichFaces 4: how to create components dynamically (h:head injection)?

[kennardconsulting]

Hi guys,

Congratulations on the RichFaces 4 release!

I've been receiving a bit of interest in adding RichFaces 4 support to Metawidget (it currently supports 3.3.3.Final). However 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?

What is the recommend approach to use here?

Regards,

Richard.

[ilya_shaikovsky]

That's actually caused by JSF 2 originally. In order resources to be added properly during programmatic addition of the component - you shoould use

Application.createComponent(FacesContext context,

                                   String componentType,

                                   String rendererType)

call to create the component..if you will just create component instance using new or with api which passd only with the component type param - resources required by the component will not be checked.

[nbelaevski]

Hi Richard,

One more thing - JSF does not allow resources to be added by Ajax, so you have to have calendar on the page that is initially loaded.

[kennardconsulting]

Hi Ilya, Nick,

Thanks for the fast response!

Your suggestion appears to work great under MyFaces 2, but Mojarra 2 is still displaying the same incorrect behaviour.

Could this be related to the fact that under Mojarra I have set 'javax.faces.PARTIAL_STATE_SAVING' to 'false', which I need to do for other reasons (http://java.net/jira/browse/JAVASERVERFACES-1826)?

Regards,

Richard.

[kennardconsulting]

Ilya, Nick,

A follow up:

1. Yes, PARTIAL_STATE_SAVING=false does seem to cause problems (I tried it on MyFaces, and it has the same issue). Can I do something about that?

2. The injected resources do not appear to survive POSTback? For example if I have a UICalendar on my form, and I get some validation error when I hit submit, the UICalendar on the redisplayed form does not work. Equally if I dynamically generate a TabPanel and then POSTback, all of the JavaScript/CSS for the TabPanel is lost upon redisplay. Is there something else I need to do to cater for POSTback?

Regards,

Richard.

[kennardconsulting]

Created a small test app and opened a JIRA: https://issues.jboss.org/browse/RF-10951

Thanks,

Richard.

[nbelaevski]

Richard,

1. Yes, PARTIAL_STATE_SAVING=false does seem to cause problems (I tried it on MyFaces, and it has the same issue). Can I do something about that?

I cannot suggest something for now, need to investigate.

2. The injected resources do not appear to survive POSTback? For example if I have a UICalendar on my form, and I get some validation error when I hit submit, the UICalendar on the redisplayed form does not work. Equally if I dynamically generate a TabPanel and then POSTback, all of the JavaScript/CSS for the TabPanel is lost upon redisplay. Is there something else I need to do to cater for POSTback?

I observed this issue in Mojarra 2.0.2, but 2.0.3+ fixed that.

How do you generate components BTW, in action method or using some other way?

[nbelaevski]

Thanks, we'll take a look at the JIRA.

[piyush.mnnit]

Hi llya,

I tried to call Application.createComponent even then required JS and CSS files are being loaded. please find the code below:

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");

calendar.setPopup(true);

Please let me know if I have done any mistake or there is other alternative.

Regards,

Piyush Jain

[bleathem]

Piyush Jain asked his question in a new thread.  Look there for a continuation of this discussion:

https://community.jboss.org/thread/229486