JavaFX as renderer for JSF view components

I don;t know if I am asking the right question.
Since javaFX has GUI components, Does sun provide JavaFX as a default renderer for JSF applications. Wouldn't that be cool say I define my view in some standard format and just configure a renderer in some xml and then with a magic, the UI is all based on JavaFX

ejp wrote:
So my question is primarily 'does this make sense?' Yes. I don't see why this wouldn't make sense.
If so, secondly, does this imply I should/shouldn't use Facelets?For now on, it's recommend to start with it. It will be the default supported view technology as per JSF 2.0 and it offers much more advantages than the legacy JSP. Here's a nice document to start with: [https://facelets.dev.java.net/nonav/docs/dev/docbook.html].
Thirdly, what else might I need in the stack?Maybe a 3rd party component library to take out the boring UI and ajaxical work from your hands. For example RichFaces.

Similar Messages

As a JSF Developer, I want to understand technically how the JSF View Components are rendered as html and how there events are binded to Server.I want to know each Java Class that is involved in flow.

As a JSF Developer, I want to understand technically how the JSF View Components are rendered as html and how there events are binded to Server.I want to know how flows goes to the server and server understands the method which is to be called of managed bean. I know it is with annotation @ManagedBean and method name, but how Call is binded with annotation @ManagedBean.
In short, i want to know the internal implementation of JSF Framework.

As a JSF Developer, I want to understand technically how the JSF View Components are rendered as html and how there events are binded to Server.I want to know how flows goes to the server and server understands the method which is to be called of managed bean. I know it is with annotation @ManagedBean and method name, but how Call is binded with annotation @ManagedBean.
In short, i want to know the internal implementation of JSF Framework.

For loop in JSF View Pages

Hi ALL,
How can I work with iteration operation in JSF View Class as JSP scriptlets won't work in it
thanks
Sudhakar

Hi Sudhakar,
Thank you for explaining your requirement so clearly.
The task you are trying to achieve is not possible in the jsp source. The reason being that Creator has a page backing bean where the component declarations are done. Hence adding components via the jsp source would not work as the page backing bean is essential for the working of the application.
The solution for your problem would be something like this:
Create an integer property named counter in your session bean and initialise it to 0.
Add a gridpanel to your page.
In your page backing bean (Page1.java) constructor add the following code
for(int i=0; i<array.length;i++){
SessionBean1 sb = getSessionBean1();
int ctr = sb.getCounter();
UIComponent parent = gridPanel1;
HtmlSelectBooleanCheckbox chkBx = new HtmlSelectBooleanCheckbox();
chkBx.setId("checkBox" + ctr);
parent.getChildren().add(chkBx);
sb.setCounter(ctr+1);
The above code just uses one for loop. You could extend it to mak use of nested loops.
I hope this helps
Cheers
Giri :-)
Creator Team

Is there a way for AutoVue viewer (JVue/VueBean object) to cancel long lasting loading/rendering operation?

Is there a way for AutoVue viewer (JVue/VueBean object) to cancel long lasting loading/rendering operation? In our integration when we try to switch from a document being loading on another one we can get an error message “Cannot load page” (but the document is shown after that). Or if we try to stop loading document by calling jVue.closeDocument() we can see everlasting progress bar and indicator “Loading…” on the status bar.

No, it is not possible

[svn:fx-trunk] 9054: Refactoring DataGroup a bit to allow for more robust delegation of renderer updates to owning components .

Revision: 9054
Author:   [email protected]
Date:     2009-08-04 07:12:22 -0700 (Tue, 04 Aug 2009)
Log Message:
Refactoring DataGroup a bit to allow for more robust delegation of renderer updates to owning components. Found and addressed an issue where we were setting the label for each item renderer upwards of four times each update.
QE notes: None
Doc notes: None
Bugs: SDK-22153, SDK-22226
Reviewer: Ryan
Tests run: Checkin, Mustella Spark (List, ButtonBar, DataGroup)
Is noteworthy for integration: No
Ticket Links:
    http://bugs.adobe.com/jira/browse/SDK-22153
    http://bugs.adobe.com/jira/browse/SDK-22226
Modified Paths:
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/ButtonBar.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/DataGroup.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/List.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/SkinnableDataContainer.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/supportClasses/ListBase.as

Has anyone successfully implemented the JSF Viewer with Facelets?

We have recently started integrating Crystal into one of our web apps that is using JSF + Facelets + Seam.
I've built a taglib for the jsf viewer and configured it in web.xml and faces-config. I'm pulling an IReportSource from a backing bean using com.crystaldecisions.reports.sdk.ReportClientDocument and that is using a .rpt file stored on a directory. This all seems to be working, as I can step through the code and see the IReportSource being generated.
However, when the page loads, I am seeing the crystal javascript being converted in the page source, but nothing is loading on the page.
Has anyone seen an issue similar to this tied to Facelets? I've seen numerous documentation on Crystal and JSP, but very little on JSF or Facelets.
Has anyone been able to get a setup like this or similar to work properly?
I've also noticed an error when adding the viewer:
java.io.IOException: Recover report client document state failed.
at com.crystaldecisions.sdk.occa.report.application.ReportClientDocument.readExternal(SourceFile:1492)
at com.crystaldecisions.sdk.occa.report.application.AdvancedReportSource.readExternal(SourceFile:131)
at java.io.ObjectInputStream.readExternalData(ObjectInputStream.java:1792)
I believe this to be related to me switching over to the serializable ReportClientDocument: com.crystaldecisions.sdk.occa.report.application.ReportClientDocument versus using the nonserializable version.
When using the non-serializable version, I am seeing a constructor issue with the JPEReportSource
Exception: java.io.InvalidClassException: com.crystaldecisions.reports.reportengineinterface.JPEReportSource; no valid constructor
Has anyone seen this issue before or able to offer any suggestions?

Well, according to the tutorials I have seen on the internet, I believe CrystalReport was successfully implemented and tested with jsp, to have it working with Facelets, we need to do a little bit of work around. We need to make a new JSF custom component and assign it to an external renderer. then we can use it to view the report
please follow these and it should work after then,
1- bring the following jars into your libs
commons-configuration-1.2.jar
Concurrent.jar
CrystalCommon.jar
CrystalContentModels.jar
CrystalDatabaseConnectors.jar
CrystalFormulas.jar
CrystalQueryEngine.jar
CrystalReportEngine.jar
CrystalReportingCommon.jar
icu4j.jar
jrcadapter.jar
jrcerom.jar
keycodeDecoder.jar
MetafileRenderer.jar
rasapp.jar
rascore.jar
rpoifs.jar
serialization.jar
URIUtil.jar
webreporting.jar
webreporting-jsf.jar
xercesImpl.jar
xml-apis.jar
2- bring the folder "crystalreportviewers115" right under the "WebContent".
3- implement the custom FacesComponent and make it extend the "UIReportPageViewer" as follows;
import packagename.CustomReportRenderer;
@FacesComponent ("packagename.newReportViewer")
public class UIReportViewer extends com.crystaldecisions.report.web.jsf.UIReportPageViewer implements Serializable{
    public UIReportViewer () {
        this.setRendererType("packagename.CustomReportRenderer");
4- implement the renderer and make it extend the "ViewerHtmlRenderer" as follows;
@FacesRenderer(componentFamily="CrystalReports.DHTMLViewer", rendererType="packagename.CustomReportRenderer")
public class CustomReportRenderer extends com.crystaldecisions.report.web.jsf.ViewerHtmlRenderer implements Serializable {
5- make a new tag library xml file next to the web.xml so the application can find the tag configurations. name it "taglib.xml" and add the following inside it;
<facelet-taglib xmlns="http://java.sun.com/xml/ns/javaee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee"
    version="2.0">
    <namespace>http://new-jsf-custom-components/</namespace>
    <tag>
        <tag-name>ReportViewer</tag-name>
        <component>
            <component-type>packagename.newReportViewer</component-type>
            <renderer-type>packagename.CustomReportRenderer</renderer-type>
        </component>
    </tag>
</facelet-taglib>
6- configure the web.xml with the following
<context-param>
        <description>
        State saving method: 'client' or 'server' (=default). See JSF Specification 2.5.2</description>
        <param-name>javax.faces.STATE_SAVING_METHOD</param-name>
        <param-value>server</param-value>
    </context-param>
    <context-param>
          <param-name>javax.faces.FACELETS_LIBRARIES</param-name>
        <param-value>/WEB-INF/taglib.xml</param-value>
    </context-param>
    <context-param>
        <param-name>crystal_image_uri</param-name>
        <param-value>../../crystalreportviewers115</param-value>
    </context-param>
7- implement the reportViewer.xhtml and make sure you have the following;
- in the tag libraries add the namespace schema xmlns:crystalnmcps="http://new-jsf-custom-components/"
- add the new reportViewer component
<crystalnmcps:ReportViewer reportSource="#{youController.reportSource}" displayToolbarLogo="false" parameterFields="#{youController.parameterFields}" allowParameterPrompting="false" />
Now run your app.
I hope this helps. good luck

Possible to create a custom renderer for rendering standard component ?

This is in context for creating dynamic Data tables. Is it possible to create a custom Renderer for rendering component (standard) without creating a custom component?
namanc

Let's assume you want to create a custom renderer which will be used to render the error-messages (the h:messages tag). The component-family in this case is: javax.faces.Messages, the renderer-type javax.faces.Messages.
Therefor in your application's faces-config.xml add this renderer-statement (inside a render-kit, obviuosly):
<faces-config>

<render-kit>
    <renderer>
      <component-family>javax.faces.Messages</component-family>
      <renderer-type>javax.faces.Messages</renderer-type>
      <renderer-class>my.very.special.MessagesRenderer</renderer-class>
    </renderer>
</render-kit>

</faces-config>The code for MessagesRenderer is very dependent on your needs, therefor I will not post something here. Basically you need to extend javax.faces.render.Renderer. For help in that camp, surf to the online tutorials or get yourself a book (I learned a lot from Kito Mann's "JSF in Action"). Additionally grab the source for Sun's RI AND Myfaces and dig into that java-code. There is a huge learning potential looking at that source-material.
hth
Alexander

How to override the renderer for ADF component?

I want to overide the renderer for ADF components, without using <default-render-kit>, I defined every render class. But It does not work.
Always told me: Could not find renderer for CoreOutputText[UIXFacesBeanImpl, id=_id0], rendererType = oracle.adf.Text
How can I config custom renderer for exsiting component or new components?
Thanks a lot!
<render-kit>
<render-kit-id>oracle.adf.core</render-kit-id>
<renderer>
<component-family>oracle.adf.Output</component-family>
<renderer-type>oracle.adf.Formatted</renderer-type>
<renderer-class>oracle.adfinternal.view.faces.renderkit.core.xhtml.OutputFormattedRenderer</renderer-class>
</renderer>
<renderer>
<component-family>oracle.adf.Choose</component-family>
<renderer-type>oracle.adf.Date</renderer-type>
<renderer-class>oracle.adfinternal.view.faces.renderkit.core.xhtml.ChooseDateRenderer</renderer-class>
</renderer>
<renderer>
<component-family>oracle.adf.Input</component-family>
<renderer-type>oracle.adf.Text</renderer-type>
<renderer-class>oracle.adfinternal.view.faces.renderkit.core.xhtml.InputTextRenderer</renderer-class>
</renderer>
<renderer>
<component-family>oracle.adf.SelectInput</component-family>
<renderer-type>oracle.adf.Date</renderer-type>
<renderer-class>oracle.adfinternal.view.faces.renderkit.core.xhtml.SelectInputDateRenderer</renderer-class>
</renderer>
<renderer>
<component-family>oracle.adf.Object</component-family>
<renderer-type>oracle.adf.Separator</renderer-type>
<renderer-class>oracle.adfinternal.view.faces.uinode.UINodeRendererBase</renderer-class>
</renderer>
<renderer>
<component-family>oracle.adf.Command</component-family>
<renderer-type>oracle.adf.Link</renderer-type>
<renderer-class>oracle.adfinternal.view.faces.renderkit.core.xhtml.CommandLinkRenderer</renderer-class>
</renderer>
<renderer>
<component-family>oracle.adf.Panel</component-family>
<renderer-type>oracle.adf.Group</renderer-type>
<renderer-class>oracle.adfinternal.view.faces.renderkit.core.xhtml.PanelGroupRenderer</renderer-class>
</renderer>
</render-kit>

Seems I need override the encodeSelectItem() method.
But not sure which class is the renderer for af:selectManyCheckbox. And how to set below
<component-family>???</component-family>
<renderer-type>???</renderer-type>
Edited by: Leon Zeng on Jul 19, 2012 2:18 PM

Setting a renderer for an element dynamically at runtime

Currently i am searching for a UI feature : Generating a HTML table by setting the renderer for each cell dynamically at runtime. E.g. depending on some state dependency(e.g. authorization issue) i want to render information in a cell in one case as a hyperlink or a in the other case as a informational text (instead of the hyperlink).
My question : is that feature in JSF Framework implemented or adaptable? Viewing some JSP/JSF code, the definition of the renderer seems to me to be determined at compile time, and there is no example how to do as described above.
Any hint appreciated, Joerg

I agree with keyurva proposal. This rendererType is dynamically set based on the state.
2nd is if all the cell are the same component type, you even can extends the component to override the getRendererType() method making to returne a different value based on the state.

Can a web service be used as the datasource for a View Object?

Has anyone used a web service as the datasource for a View Object?
I am trying to do the same thing as "Publishing BC4J Components as a Web Service" example, except I want to recreate the View Objects on the client so that I can iterate through them and display them on a web page.
I probably have two choices:
1. Use the web service as the datasource.
2. Use a file as the datasource with no data and then populate the View Objects from the XML from the Web Service.
Please advise.
Thank you.
Richard Catlin
SAIC

You can adapt the examples provided in the BC4J Toy Store demo for how to build a programmatically-populated view object to create a view object that fetches its data from a web service.
The methods that you need to override are the same for any kind of programmatically-populated view object.

Best practice for JSF 2.0 composite component?

Following the various tutorials and blog entries I have found, I have managed to implement a few composite components. I want to do a more complex one, but haven't found and example yet to follow and my own proficiency in programming model isn't sufficient for me to determine the best way to do it.
What I would want to implement is something like the following example.
.. xmlns:mc="http://java.syn.com/jsf/composite/myComponent" ..
<mc:addTwo value="#{SomeBean.someProperty}" />The included component has two fields, which when the user inputs those the someProperty is set to some calculation of those two (for example adding them together). What I think I need to do is implement a backing bean for the "addTwo" component and do the calculation there. Then when that is done the composite backing bean needs to access the using page's SomeBean.someProperty setter. How is this done?
My actual intent is to make a component that looks up an entity in a data base based on a number of user inputs, then set the "someProperty" property to that value. If I could do the above example then I think I can apply the same principle, which is to have the composite component's backing bean access the someProperty property in the using page's bean via a #{cc.attrs.xxx} type reference. Am I on the right track?

this certainly seems like the place for JSF 2.0 discussions, yes.
It seems so obvious, was this forum called something else when this was posted perhaps?

[svn] 4634: First part of glue code for allowing Halo components to use the new Text Layout Framework , in order to get functionality such as bidirectional text.

Revision: 4634
Author:   [email protected]
Date:     2009-01-22 17:38:56 -0800 (Thu, 22 Jan 2009)
Log Message:
First part of glue code for allowing Halo components to use the new Text Layout Framework, in order to get functionality such as bidirectional text.
Background:
TLF is making this possible by implementing a TLFTextField class. It is a Sprite that uses TLF to implement the same properties and methods as the legacy TextField class in the Player. Thanks to the createInFontContext() bottleneck method in UIComponent, it can be used by a properly-written Halo component (such as those in Flex 3) without any modifications to the component.
Note: Text should render similarly -- but is unlikely to render identically -- when a component uses TLFTextField vs. TextField. The width and height may be different, affecting layout; text could wrap differently; etc. This is a fact-of-life based on the fact that TLF/FTE and TextField are completely different text engines.
Whether a Halo component uses TLF or not to render text will be determined in Flex 4 by a new style, textFieldClass. (Gumbo components always use TLF.)
TLFTextField is currently only partially implemented. It does not yet support scrolling, selection, editing, multiple formats, or htmlText. Therefore it can only be used for simple display text, such as a Button label.
Details:
The TextStyles.as bucket 'o text styles now includes a non-inheriting textFieldClass style. It can be set to either mx.core.UITextField or mx.core.UITLFTextField. These are the Flex framework's wrapper classes around the lower-level classes flash.text.TextField (in the Player) and its TLF-based workalike, flashx.textLayout.controls.TLFTextField.
The global selector in defaults.css currently sets it to mx.core.UITextField using a ClassReference directive. For the time being, all Halo components will continue to use the "real" TextField.
The new UITLFTextField is a copy of UITextField, except that it extends TLFTextField instead of TextField. This class has been added to FrameworkClasses.as because no classes in framework.swc have a dependency on it. It will get soft-linked into applcations via the textFieldClass style.
The TLFTextField class currently lives in a fourth TLF SWC, textLayout_textField.swc. This SWC has been added to various build scripts. The external-library-path for building framework.swc now includes all four TLF SWCs, because UITLFTextField can't be compiled and linked without them. However, since they are external they aren't linked into framework.swc.
Properly-written Halo UIComponents access their text fields only through the IUITextField interface, and they create text fields like this:
textField = IUITextField(createInFontContext(UITextField));
(The reason for using createInFontContext() is to support embedded fonts that are embedded in a different SWF.)
The createInFontContext() method of UIComponent has been modified to use the textFieldClass style to determine whether to create a UITextField or a UITLFTextField.
With these changes, you can now write code like
to get two Buttons, the first of which uses UITextField (because this is the value of textFieldClass in the global selector) and the second of which uses UITLFTextField. They look very similar, which is good!
Currently, both Buttons are being measured by using an offscreen TextField. A subsequent checkin will make components rendering using UITLFTextField measure themselves using an offscreen TLFTextField so that measurement and rendering are consistent.
QE Notes: None
Doc Notes: None
Bugs: None
Reviewer: Deepa
Modified Paths:
    flex/sdk/trunk/asdoc/build.xml
    flex/sdk/trunk/build.xml
    flex/sdk/trunk/frameworks/projects/framework/build.xml
    flex/sdk/trunk/frameworks/projects/framework/defaults.css
    flex/sdk/trunk/frameworks/projects/framework/src/FrameworkClasses.as
    flex/sdk/trunk/frameworks/projects/framework/src/mx/core/UIComponent.as
    flex/sdk/trunk/frameworks/projects/framework/src/mx/styles/metadata/TextStyles.as
Added Paths:
    flex/sdk/trunk/frameworks/projects/framework/src/mx/core/UITLFTextField.as

Many of your points are totally legitimate.
This one, however, is not:
…To put it another way, the design of the site seems to be geared much more towards its regular users than those the site is supposedly trying to "help"…
The design and management of the forums for more than five years have driven literally dozens of the most valuable contributors and "regulars" away from the forums—permanently.
The only conclusion a prudent, reasonable person can draw from this state of affairs is that Adobe consciously and deliberately want to kill these forums by attrition—without a the PR hit they would otherwise take if they suddenly just shut them down.

Setting bind variable for a view object from the Managed Bean

Hi,
i am using JDeveloper 11g, i have to create LOV in the JSF. To show the LOV, it has to populate data using View object and its query parameter need to be sent from the Managed Bean.
For the View object i want to set the bind variable parameter from the managed bean value. bename is stored in a managed bean (session scope)
#{beantest.bename}
But it gives the following exception.
JBO-29000: Unexpected exception caught:
org.codehaus.groovy.control.MultipleCompilationErrorsException,msg=startup failed, Script1.groovy: 1: expecting '!',found '{'@ line1, column 2.
I have followed the link http://kr.forums.oracle.com/forums/thread.jspa?threadID=615474 like Frank wrote on 8.2.2008:
But steps are not clear.
How to input the VO bind parameter with Managed bean variable?
Any Help
Regards
Raj
Edited by: user9928180 on Dec 17, 2008 9:51 AM

Hi,
a bind variable in a VO needs to be exposed as an executeWithParams operation in the pageDef file. Just add a new action binding to the pageDef file (context menu) and select the executeWithParams operation on teh VO. Then in the argument field, reference the managed bean property for the value
Frank

Help me out with Directory structure for JSF+SPRING+HIBERNATE Project

Hi frnds ,
My name is Walter working for a startup software company . We are working on Hospital Management System (HMS) project .. MVC Architecture ...using Hibernate Spring and JSF ..we need to design Directory Structure for our project..
plzz help me friends in suggesting MVC Directory structure ...? also plzz help me by directing me with the navigation flow?
Thnxx in advance
Regards
Walter

Thank you so much .. friends ..for your kind replies..thanks to Illu, anguquga and special thanks to BalusC for giving me the advice for hiring EE Artitech ..
Anyways I have discussed with my teammates designing the directory structure
anguquga your directory structure is close to what I have designed ..referiing to a sample application on web..
Hospital Management system MVC architecture Directory structure
This is the way the structure goes on ..
model --> for Hibernate as well as Spring
View --> for JSF
src(-)
|
------(-) java
     |
     -------(-) model
          |
          ------(+) businessobject
          |
          ------(-) dao
          |
          ------(+) hibernate
          |
          ------(+) exception
          |
          ------(-) service
          |
          ------ (+) impl
          |
          ------(+) util
          (-) view
          |
          ------(+) bean
          |
          ------(+) builder
          |
          ------(+) bundle
          |
          ------(+) servicelocator
          |
          ------(+) util
          |
          ------(+) validator
(-) Web or WebRoot
|
----- (-) JSP Files�etc.,
|
----- (-) META-INF
|
     ------     (+) Images
|
     ------     (+) Scripts ==== CSS (cascading style sheets, JavaScript files etc.,)
|
----- (-) WEB-INF =========xml files web.xml, faces-config.xml etc.,
     |
     -----(-) Classes
          |
-----(-) HMS
|
               ----- (+) model
               |
               ----- (+) view
|
----- (+) lib
I am sure you may notice few errors .. if u find any plzz reply me back.... thnxx in advance for replies...and thnxx for giving your valuable replies...
Walter (Kaleem)

CSS style not rendering in design view

I have style="max-width:600px" in a image but it wont show in design view on Dreamweaver CS4

The parent file MUST be named with .shtml or .shtm as an extension. It's that extension that tips the server off that the file contains server directives and that it should be parsed to find them (normally, fetched files are not parsed by the server). Using these filename extensions will not affect the XHTML strict validation of the file (by the way, is there a reason for sticking with XHTML?).
It is not necessary to have a testing server defined to see proper HTML includes rendered in Design view. I believe that by renaming your file with the correct extension you will see this include expressed in Design view. It is a little unclear to me whether the correct syntax for a virtual include is to use the root slash or to omit it. For example, Wikipedia says -
The file parameter defines the included file as relative to the document path; the virtual parameter defines the included file as relative to the document root.
Then later it says -
The file parameter defines the included file as relative to the document path; the virtual parameter defines the included file as relative to the document root.
There is, in fact, a big difference between these two statements! From a personal point of view, I don't use HTML includes at all (always use PHP includes which are written differently). But I think you can use the file include as I have shown safely - that's assuming that the two files are at the same level.

JavaFX as renderer for JSF view components

Similar Messages

Maybe you are looking for