Favorite JSF component library?

Hi all,
For those of you using one of the many JSF component library, what's your favorite, aesthetically? I've looked at a number of them, especially those listed over at jsfcentral.com. I think RichFaces and ICEFaces aren't bad, although I can't really seem to find one that matches my vision. Most of the ones I've seen feel very "boxy" and just aren't all that impressive. QuipuKit is also pretty good.
So I just want to know if there is any general consensus out there. Obviously everyone is going to have different tastes, but like all the ajax frameworks, I'm trying to whittle down the list to the most popular.
Thanks,
Justin

Similar Messages

Chart component Library for JSF.

HI,
I've been testing the chart component library for JSF:
http://jschart.sourceforge.net
And it's very powerfull, but I think, is necessary more info about to develop appz with this.
Anyone knows, a blog or a web that contains any example of the use?
I've been working for days with the HOW TO in this web but it's very simply.
Thx in advance!!!
Regards.

I have successfully used the jfreechart (cewolf) charting library with creator...its simple to use but also allows complex charts if you wish....
http://cewolf.sourceforge.net/new/index.html

Creating a custom JSF Component

Hi,
I am trying to create a custom JSF Component. My ultimate goal is to pass a bean to my custom component and have the component render some HTML output based on the info contained in the bean. Before I attempt that I am trying to get a simple custom component to just work. This component is based on the tutorial found here: http://www.jsftutorials.net/components/index.html
This tutorial just creates a component that outputs a <div> tag around the body contents of the custom component.
To keep this short I have done the following items from the tutorial link above:
1) I have created the tld file defining the tag class, name, uri and shortname
2) I have also created the tag class called TickerTag.java along with the component class UITicker.java. These classes are straight copy-and-paste jobs from the tutorial link and compile fine.
3)My faces-config.xml file has the proper component definition of
<component>
<component-type>ticker</component-type>
<component-class>ticker.UITicker</component-class>
</component>
This was the easy part. The example then goes on to use the custom component in a JSP page. I managed to get the custom component to work in a JSP page BUT my problem is getting the custom component to work in an XHTML file.
I thought all I had to do was define an xml namespace using the uri from my tld file like so:
Note: My uri is www.fubar.com/tags and is defined in the tld file.
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:t="http://myfaces.apache.org/tomahawk"
xmlns:u="http://www.fubar.com/tags">
I then try to use the tag like so <u:ticker> <f:verbatim>Hello JSF Component</f:verbatim></u:ticker>
I am expecting the following output: <div>Hello JSF Component
</div>
but instead I get
<u:ticker>Hello JSF Component</u:ticker>
It seems the tag is not even processed. This is my first jump into custom components. I have done custom JSP tags in the past but I never tried to display them on an XHTML page.
If you are wondering why I am using XHTML pages, this was setup a while back by a previous developer. Changing everything to a JSP would take a long time and probably break some stuff I am not aware of yet. As such the web.xml file of this JSF web app has the following:
<context-param>
<param-name>javax.faces.DEFAULT_SUFFIX</param-name>
<param-value>.xhtml</param-value>
</context-param>
So all *.jsf files are processed and sent to the corresponding .xhtml file.
I have looked up creating custom components on google and every last example uses their newly created components in a jsp file. No XHTML uses so far.
Below are my tld files and xhtml file if that helps:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE taglib PUBLIC "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.2//EN" "http://java.sun.com/dtd/web-jsptaglibrary_1_2.dtd">
<taglib>
<tlib-version>1.0</tlib-version>
<jsp-version>1.2</jsp-version>
<short-name>u</short-name>
<uri>http://www.fubar.com/tags</uri>
<tag>
<name>ticker</name>
<tag-class>ticker.TickerTag</tag-class>
<body-content>JSP</body-content>
</tag>
</taglib>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:t="http://myfaces.apache.org/tomahawk"
xmlns:u="http://www.fubar.com/tags">
<html>
<head>
<title>Show Custom Component</title>
</head>
<body>
<f:view>
<u:ticker> <f:verbatim>Hello JSF Component</f:verbatim></u:ticker>
</f:view>
</body>
</html>
Any suggestions/help are much appreciated,
Nick
</div>

Thanks Ray. I'll take a look at that site.
I managed to figure out my problem. I never created a .taglib.xml file that reference the component I defined in the faces-config.xml file. Once I did that everything work perfectly.
I managed to use this forum post as a guide.
http://osdir.com/ml/java.facelets.user/2006-12/msg00042.html
I hope this helps anyone else.
Nick

Most reliable AJAX component library

Guys... I'm thinking to you ajax component with my JSF app. I'm wondering which component library I should choose. Could you please share your experience which one is the most reliable.
I have used jboss's ajax4jsf and another ajaxtag library. They both are great, but sometime occasionally they just broken and response nothing. I feel like not reliable. Could you share your experience?

thanks for the reply. i believe you are talking about apache trinidad. Do you like that one? The live demo is not very attractive though, but I'll try it by myself.
Is there any other suggestion? or do u have any idea why ajax functions are broken sometime?

How to add a Jar file to J2EE Server Component Library ?

Hello,
My objective:
=====================================================
To add a 3rd party jar file to be a runtime jar file to J2EE Server Component
Library project.
I have created a J2EE Server Component Library project.
I have built the J2EE Server Component Library project to get the provider.xml file and place the provider.xml under the J2EE Server Component Library project's server folder.
Here is my problem:
=====================================================
I can't open the provider.xml with SAP's special editor for the provider.xml.
The special SAP editor doesn't exist for me.
Here is my question:
=====================================================
Q1) Do I copy/paste my JAR_X file where <jar_0> is located? (Below is the
      J2EE Server Component Library SDA structure.)
Q2) If you were to update the provider.xml with notepad, what would you
type in provider.xml for JAR_X?
Q3) Is there anything else that I need to do?
Thanks,
Steve
J2EE Server Component Library SDA structure.
======================================
|-META-INF_
|         |-manifest.mf
|         |-sap_manifest.mf
|         |-SearchRules.xml
|         |-<SDA>.xml
|         |...
|-<jar_0>
|- ...
|-<jar_N>
|-dispatcher_
|           |-provider.xml
|           |-properties
|           |-runtime.properties
|           |-persistent__
|           |            |-<persistent_files(2)>
|           |-descriptors_
|                        |-<descriptor_files(3)>
|-server_____
|           |-provider.xml
|           |-properties
|           |-runtime.properties
|           |-persistent__
|           |            |-<persistent_files>
|           |-descriptors_
|                        |-<descriptor_files>
|-os_libs____
            |-<char set>__
                         |-<platform>__
                                      |-<jvm bitlength>__
                                                        |-<native lib files>

Thank you for all your solution...
my provider.xml was missing the <!DOCTYPE> tag for me to use the SAP LibraryDD Editor
Thanks again,
Steve
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE provider-descriptor SYSTEM "library.provider.dtd">
<provider-descriptor>
     <display-name>
      Your_Lib_Name
    </display-name>
     <component-name>
      Your_Lib_Name
    </component-name>
     <major-version>6</major-version>
     <minor-version>40</minor-version>
     <micro-version>0</micro-version>
     <provider-name>
      sap.com
    </provider-name>
     <references>
          <reference
               provider-name="sap.com"
               strength="weak"
               type="library">Your_Lib_Name</reference>
     </references>
     <jars>
          <jar-name>my_jar.jar</jar-name>
     </jars>
</provider-descriptor>

How to load a class dynamically (via reflection) in a jsf-component

Hi all,
I am writing my own jsf component and I would like to do it generically. Therefore I have an attribute, where the developer can pass a fully qualified classname, which I want to use to instantiate. But I have a Problem with the classloaders, everytime I get a ClassNotFound-Exception during debugging.
Does anybody know how it is possible, to to get the most parent classloader?
Currently I am even not able to load a class, which is in the same package like all other compontent-classes.
Thank you very much in advance
Thomas

Within web applications, I believe it is recommended to use Thread.getContextClassLoader(). Keep in mind that web applications require different classloader semantics than regular Java applications. The class loader which gets resources from the WAR is favored over others, even when this violates the normal class loading conventions.

How to add properties to a custom JSF component?

Hello, everybody!
I've just developed my first custom JSF component. It's a data pager and it is working pretty well. But now I want to be able to use some of it attributes in my backing beans at runtime. I mean, I want to bind it to component in the JSF page. It already has a binding attribute in the tld file, but I want to be able to accesss two values that the renderer of my custom component calculate inside it, which would relieve me from calculating these values manually in the backing beans. So, I would like to know how to make these values external to the component.
By now this is my custom pager class:
import javax.faces.component.UICommand;
public class UIPaginadorDados extends UICommand
}You can see that it has no logic because all the logic is in the renderer class:
import javax.faces.render.Renderer;
public class PaginadorDadosRenderer extends Renderer
// logic here
}As I said I want to be able to do the following in my backing beans:
private UIPaginadorDados pager = new UIPaginadorDados();
// and later...
pager.getCurrentPage();
pager.getPageCount();In the JSF page:
// I already can do this, because I have a binding attribute
<urca:paginadorDados binding="#{backingBean.pager}" />I suppose that I'll have to create the properties getCurrentPage() and getPageCount() in the component class, UIPaginadorDados, but I don't know how to get the values to the properties from the renderer class. I don't even know if this is how I should do it.
So I would appreciate a lot your help about this subject.
Thank you.
Marcos

Marcos_AntonioPS wrote:
RaymondDeCampo wrote:
I neglected to mention: do not forget to implement the methods in StateHolder to preserve the properties you added to your component.Hello, Raymond. Could you elaborate a little more on that? If you could give a short example, it would be helpful.
MarcosNo problem. I have already found out how.
Thank you very much, Raymond.
Marcos

How can I include a javaScript files from within jsf component

Is there any way using which I can include javascript files from my jsf component. Because otherwise I have to write all the javascript commands using writer.write which is very tedious rather than this I just want to include the javascript file which contains all the functions required. Also I want that this file should be included only once irrespective of the number of components included.
Thanx in advance

This doesn't depend on JSF. You need to include a script tag, like:
<script src="/path/script.js"
language="JavaScript" type="text/javascript"></script>
If you want to include this only once, make a file included into every page, into which you can put other resources to be included along with this script.
HTH,
rs.

How to make Javascript access standard JSF component

Hello all,
I'm in need of a proper javascript code that access standard jsf component.
Like we do for html tags;
if( el.tagName.toLowerCase() != 'select')
I need to do the same thing for a jsf tag i.e; <h:selectOneMenu>. How to make javascript access <h:selectOneMenu> like it does with <select> tag ? Please let me know asap. Extremely sorry if the question is kind of stupid....cause I'm a beginner for JSF environment.
Any sort of help, suggestion or advice would highly be appreciated.
Thanks in advance.

Ummmm, I may be off the beaten path, but by the time your javascript is called the h:selectOneMenu would be a select tag within the dom. You should be able to reference that tag as you normally would.

Html snippet not working; created from Taco html edit Component Library

Ok, I've searched for days on the discussion board for the answer to this one..... hopefully someone can give me a couple of pointers....
I have a component created from Taco html edit Component Library that I cannot get to work as an inserted snippet into iWeb 3.0.2.
Why can't I get this to work? I've seen first hand that they work on someone else's website that she constructs in html directly, not using iWeb. Any help greatly appreciated.
Taco created three files. They are:
TSWAccordion.css
TSWDomUtils.js
TSWAccordion.js
Here is the code:
<html>
<head>
<title></title>
<script type="text/javascript" src="Scripts/TSWAccordion.js"></script>
<script type="text/javascript" src="Scripts/TSWDomUtils.js"></script>
<link rel="stylesheet" type="text/css" href="Scripts/TSWAccordion.css" />

<style type="text/css">
#myAccordion.tswAccordion
width: 200px;
height: 400px;
background-color: #f0f0f0;
#myAccordion .tswAccordionActiveSection, #myAccordion .tswAccordionInactiveSection
background-color: #f0f0f0;
width: 100%;
height: 400px;
#myAccordion .tswAccordionHeader
text-align: center;
padding: 2px;
font-family: Verdana;
font-size: 16.0px;
#myAccordion .tswAccordionActiveSection .tswAccordionHeader
background-color: #7086aa;
color: #ffffff;
border: 1px solid #cccccc;
#myAccordion .tswAccordionInactiveSection .tswAccordionHeader
background-color: #f0f0f0;
color: #000000;
border: 1px solid #cccccc;
#myAccordion .tswAccordionHeader
#myAccordion .tswAccordionBody
padding: 5px;
</style>

</head>
<body>

Title 1

Title 2

Title 3

<script type="text/javascript">
var accordion = tswAccordionGetForId('myAccordion');
</script>

</body>
</html>

You need to upload these three files in a folder to the root folder on your server:
TSWAccordion.css
TSWDomUtils.js
TSWAccordion.js
The folder cannot be named "Scripts" as shown in your code as you already have one of that name.
Say it is named "Accordion". You then need to give the absolute URL to these files rather than the relative one shown in the code....
http://www.yourdomainname.com/Accordion/TSWAccordion.css
http://www.yourdomainname.com/Accordion/TSWDomUtils.js
http://www.yourdomainname.com/Accordion/TSWAccordion.js

JSF component inside HTML table -- not rendering properly

I have a HTML table like the one below. In one of those columns (td) I have a JSF component. When I run the app, the JSF component (even if its a simple inputText or panelGrid or panelGroup) is not getting inside the td. Instead, it forms a seperate table after this td.
Code I have:
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>... ..MULTIPLE Td's here - Deleted for simplicity </td>
<td class="topNav">
Blog Directory
</td>
<td>
<img src="./images/top_button_right.gif"/>
</td>
<td class="topNav">
<f:panelGroup>
<h:inputText value="Username"/>
<h:inputSecret value="Password"/>
</f:panelGroup>
</td>
</tr>
</tbody>
</table>
What I expected:
username, passwd field inside the top level HTML table.
What comes: (as a result of running thsi JSF page )
<table> -- Original table
<td> </td> -- -TD that had the inputText - comes empty here
</table>
<table>
<tbody>
<tr>
<td><input type="text" name="_id1:header:EasyHeader:_id4" value="Username" /><input type="password" name="_id1:header:EasyHeader:_id5" value="" /></td>
</tr>
<tr>
<td><table>
I am a newbie to JSF & due to the complexity of the layout & page, I m unable to get rid of the HTML tags totally.
Thanks in advance.
Ganesh

Found the solution to the problem.
wrapped the entire HTML page till the JSF component ( panelGrid) under <f:verbatim>.
something like this
<f:verbatim>
<table>
<tr> <td>...</td>
<td>
</f:verbatim>
<h:panelGrid> ... </h:panelGrid>
<f:verbatim>
</td>
</table>
</f:verbatim>

External library DC vs J2EE Server Component - Library DC

Hi all,
I have been developing where I used jars through the public part of an external library DC and it worked fine, but I'm wondering:
What is actually the difference between a external library DC and a J2EE Server Component - Library DC ?
When do i use the external library DC and when do i use the J2EE library DC?
Kind regards,
J.

Hello Mark,
I tried what you said in the following scenario:
I created Proxy classes for Enterprise Connector for a BAPI from a backend system.
Those classes where put in a jar. That jar is put in a external library DC with an assembly public part and a compilation public part.
From that i tried two method:
Method 1: i referenced the public parts (assembly and compilation) from external library DC in my web dynpro DC and it worked fine.
Method 2: I referenced the public parts (assembly and compilation) in a J2EE library DC ( for compilation: build time ; for assembly: build time and runtime with strong). In my Web Dynpro DC i referenced the compilation public part from my external library. And in the properties of my web dynpro project i added the reference to my j2ee library (that was also deployed; i can see it in my visual administrator). When running my application, i get the following error:
<i>java.lang.NoClassDefFoundError: com/sap/aii/proxy/framework/core/AbstractProxy -
Loader Info -
ClassLoader name: [gtsc.jnj.com/testapptestwdp] Parent loader name: [Frame ClassLoader] References: common:service:http;service:servlet_jsp service:ejb common:service:iiop;service:naming;service:p4;service:ts service:jmsconnector library:jsse library:servlet common:library:IAIKSecurity;library:activation;library:mail;library:tcsecssl library:ejb20 library:j2eeca library:jms library:opensql common:library:com.sap.security.api.sda;library:com.sap.security.core.sda;library:security.class;library:webservices_lib;service:adminadapter;service:basicadmin;service:com.sap.security.core.ume.service;service:configuration;service:connector;service:dbpool;service:deploy;service:jmx;service:jmx_notification;service:keystore;service:security;service:userstore interface:resourcecontext_api interface:webservices interface:cross interface:ejbserialization sap.com/tcwddispwda sap.com/cafeugpapiwd sap.com/tcwdcorecomp service:webdynpro service:sld library:tcddicddicservices library:com.sap.aii.proxy.framework library:tcgraphicsigs library:tcwdwslib library:com.sap.mw.jco library:com.sap.lcr.api.cimclient library:sapxmltoolkit library:com.sap.aii.util.rb library:cafeugpapi library:com.sap.util.monitor.jarm library:tcddicddicruntime library:com.sap.aii.util.xml library:gtsc.jnj.comjcrauweltestr3proxieslibrary library:com.sap.aii.util.misc library:tccmi Resources: C:\usr\sap\NDW\JC01\j2ee\cluster\server0\apps\gtsc.jnj.com\testapptestwdp\src.zip C:\usr\sap\NDW\JC01\j2ee\cluster\server0\apps\gtsc.jnj.com\testapptestwdp\webdynpro\public\lib\commons-collections-2.1.1.jar C:\usr\sap\NDW\JC01\j2ee\cluster\server0\apps\gtsc.jnj.com\testapptestwdp\webdynpro\public\lib\cglib-2.1.3.jar C:\usr\sap\NDW\JC01\j2ee\cluster\server0\apps\gtsc.jnj.com\testapptestwdp\webdynpro\public\lib\asm-attrs.jar C:\usr\sap\NDW\JC01\j2ee\cluster\server0\apps\gtsc.jnj.com\testapptestwdp\webdynpro\public\lib\gtsc.jnj.comtestapptestwdp.jar C:\usr\sap\NDW\JC01\j2ee\cluster\server0\apps\gtsc.jnj.com\testapptestwdp\webdynpro\public\lib\dom4j-1.6.1.jar C:\usr\sap\NDW\JC01\j2ee\cluster\server0\apps\gtsc.jnj.com\testapptestwdp\webdynpro\public\lib\hibernate3.jar C:\usr\sap\NDW\JC01\j2ee\cluster\server0\apps\gtsc.jnj.com\testapptestwdp\webdynpro\public\lib\commons-logging-1.0.4.jar C:\usr\sap\NDW\JC01\j2ee\cluster\server0\apps\gtsc.jnj.com\testapptestwdp\webdynpro\public\lib\asm.jar Loading model: {parent,references,local} -
The error occurred while trying to load "com.jnj.gtsc.im.jcrauwel.proxies.MyR3Proxies_PortType".</i>
Any idea what i'm doing wrong?
Kind regards,
J.

Can i use one JSF component's value for other component in the same page.

Can i use one JSF component's value for other component in the same page.
For example
I have a <h:selectBooleanCheckbox id="myChk"> in my jsf page, i want to access its value for another component like:
<h:commandButton disabled="#{myChk.checked}" action="myAction" value="myValue" />
** "myChk.checked" >> I am just asuming "checked" property is available...

Bind the checkbox to a UIInput myChk property. Then you can reference this property from the page, e.g.
<h:selectBooleanCheckbox binding="#{myBean.myChk}" onchange="submit();" />
<h:commandButton disabled="#{myBean.myChk.value}" action="myAction" value="myValue" />

Relative positioning of JSF component

Hi,
How can I place a JSF component relative to another component, say I want to place a table below another table whose number of rows may vary.
Thanks,
Bob

Have two differnt tables or use frames and place the controls(tableand button in this case) in different frames.
<table width="100%" height="350"> -outertable
<table .................................................><tr> any number of rows. </tr>-inner table
</table>- - close outer
</tr </table> - close inner
<table> -new table
command button
</table> - close new table

Tutorial on how to create an Ajax-enabled JSF component in Creator?

Is there a tutorial on how to create (not use/import existing) an Ajax-enabled JSF component using Creator 2? I read somewhere that it was done during a presentation in 3 minutes! Now that I really want to see ;-
thanks,
-nikita

As far as I remeber, Edwin Goei's examples are the
closest thing to the info you are looking. He has an
example component, but don't remember if they're
AJAX enabled. Check it on
http://wiki.java.net/bin/view/Javatools/CustomCompone
tLibraries.
Best regards
Antonio.Thanks for the plug. I've been meaning to update that article. Writing an AJAX component is similar to writing other kinds of components but the developer uses AJAX techniques. The latest version of the popup calendar which is checked into the bpcatalog project of java.net uses Dojo which also has some support for AJAX. I haven't yet had time to update the article yet, unfortunately.
-Edwin
http://blogs.sun.com/edwingo/

Favorite JSF component library?

Similar Messages

Maybe you are looking for