JSF-Custom Component with EventHandling

Dear All,
I wanted to write my own component with event handling.
This is my requirement:
In my JSP, I'll put my cusom component tag for displaying 10 records and with prev and next buttons. after clicking prev button, i should get previouse 10 records and if i click next button, i should get next 10 records.
so, my component should render
1. 10 records
2. Prev button
3. Next button.
After clicking prev button it should render previouse 10 records and also prev and next button.
I do not know whether it is possible with JSF or not and also i'm not finding any example which explaining above situation.
My jsp should contain only my custom tag like
<mine:listRecords/>
Tag Handler of listRecords tag should render 10 records and prev and also next button. After clicking prev, i should get 10 previouse records and and both the buttons and so on.
advanced thanks,
ram

It is certainly possible to write a component that embeds its own navigation and paging as you describe. On the other hand, you can also assemble this kind of functionality out of a combination of the existing simple components. The "repeater" example illustrates exactly the kind of application you are talking about (and the same techniques will work fine with the standard <h:dataTable> component as well).
Craig

Similar Messages

Custom component with additional tags

Hi. I need to write complicated custom JSF component.
I know how to write simple custom components, and receive String variables from tag attributes e.g.
https://github.com/devalentino/temp/blob/master/src/main/java/net/monopolyclub/components/component/UserData.java
But now I need to write custom component with additional tags (for example like dataTable and column tags).
How can I write such component? How can I receive collections in my component? How can I work with additional tags in my component.
for example I need something like:
<m:chat>
     <m:tab value="#{UserList}" />
     <m:message value="#{MesageMap}" />
</m:chat>
where UserList - Collection with current users and MessageMap is Map with User as key and message as value.

Iam using pt:ptdata.joincurrcommunitydata
here is some code
<pt:ptdata.joincurrcommunitydata pt:id="menutabsjoin" />
<pt:logic.foreach pt:var="temp2" pt:data="menutabsjoin">
<span class="CommunityPage">
<pt:core.html href="$temp2.url" pt:tag="a">
<pt:core.html pt:tag="img" src="$temp2.img" alt="$temp2.title" border="0" align="absmiddle" height="$temp2.imgheight"      width="$temp2.imgwidth" />
                    <pt:logic.value pt:value="$temp2.title" />
                         </pt:core.html>
                         </span>
                         </pt:logic.foreach>
But the URL that is generated is not having the CommunityID, hence it errors out saying object not found.
Any help would be appreciated?
Thanks
kartik

Can't instantiate JSF Custom Component

I'm hoping some of you expert (or at least seasoned) JSF custom component developers might be able to lend some insight into the "Can't instantiate class" problem. I have a custom component which extends another component (which happens to be Oracle ADF's panelGroup), and I've verified that everything is in place:
1. Component class uses correct component type referenced by faces-config.xml and tag class
2. Renderer type referenced in faces-config.xml matches that of the renderer type in component class
3. There is a default constructor (no args) for the component class, which also sets the renderer type
4. TLD with tag is correct
All classes are definitely in the classpath, as I have another custom component in the same packages which loads and is used just fine.
Any ideas would be appreciated.
Thanks,
Shawn Bertrand
Tyco Electronics

So, is no one else having any problems when using the new JSF components from Java Studio Creator 2 in their existing projects? I can make simple projects in Creator and run them on PointBase and Tomcat and can deploy and run from Eclipse using MyEclipse but I cannot get my existing project working and I am wondering if their is some sort of conflict between the new JSF components and legacy Struts stuff in that project or if perhaps Spring is someone interferering. Kind of at a loss right now...

JSF table component with paging

Are you aware of any existing JSF table component with both navigation and paging ?
I want to display the content of a database table with a large number of rows. The table component should be able to navigate through the entire table content, but building only a small ResultSet and dinamically populate it with data as we perform navigation.
Thanks,
Cosmin

Thanks for the answer.
But data scroller just takes a ResultSet and display it with navigation. It doesn't know about the total number of rows in the table. It only display the number of records in the ResultSet.
What I am looking for is a data scroller which based on some input parameters knows how to split the table in several ResultSets, dinamically change the ResultSet and display the total number of rows in the table and not in the current ResultSet.

JSF custom component

Hi
I have created a JSF cutom component , which has some javascript files. If i use the component within the same project my path for accessing the JS files is :- js/task.js (Its in public/html folder) .
My problem is that when I use this custom component in some other project i am not able to access the js file ( Js file are deployed with other source file in ADF Library Jar) . As I have to hard code the path of JS files in the render can any one please tell me what will be the path for accessing the JS files.
i heard ADFLibraryFilter is used for the purpose. Anyone please shed more light on it.

Thanx Frank for your help .
I am generating html from the rendererm, in the encodeBegin method i have now written <script type="text/javascript" src="adflibResources/js/task.js"></script>
But still the script isn't loading on the page
I added the following code in web.xml but Jdeveloper (Studio Edition Version 11.1.1.1.0) is complaining that "refernce oracle.adf.library.webapp.LibraryFilter and oracle.adf.library.webapp.ResourceServlet not found. I am using Fusion Web Application (ADF) as the application template.
<filter>
<filter-name>ADFLibraryFilter</filter-name>
<filter-class>oracle.adf.library.webapp.LibraryFilter</filter-class>
<init-param>
<param-name>provider-lazy-inited</param-name>
<param-value>true</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>ADFLibraryFilter</filter-name>
<url-pattern>/*</url-pattern>
<dispatcher>FORWARD</dispatcher>
<dispatcher>REQUEST</dispatcher>
</filter-mapping>
<servlet>
<servlet-name>adflibResources</servlet-name>
<servlet-class>oracle.adf.library.webapp.ResourceServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>adflibResources</servlet-name>
<url-pattern>/adflib/*</url-pattern>
</servlet-mapping>

JSF Custom component for table pagination and sorting

hi
i want such a custom component that render a table and table has the features of pagination and column sorting.
any one know from where i can get such a custom component.
(if this component is available with source then it would be more help full for me)
thnks & regards,
Haroon
Message was edited by:
HaroonAnwarPADHYAR

I know two companies that offer JSF component for table pagination and sorting and AJAX based :
http://www.teamdev.com/quipukit/demo/datatable/DataTable_filteringAndPaging.jsf
http://java.samples.infragistics.com/NetAdvantage/JSF/2006.1/
The problem? They are not open source..
And I am too looking forward on this subject, because I want to develop my own custom component and add some features. If someone has any tips, references or samples of their own, it would be really appreciated.
Thank you.
Paul

Writing a custom component with multiple fields.

Does anyone have some pointers on writing a custom component that properly handles multiple input fields?
An example usage might be as follows:
Assume the following java classes:
public interface Address {
//... getters/setters for Address.
public class Company{
Address getAddress(){...};
}The tag usage might be something like the following:
<custom:address value="#{myCompanyBean.address}" />
Extending UIComponentBase I can easily render the output and create all the needed input elements. I'm also able to properly retrieve the submitted values in the decode method. But I'm unsure how to handle the "UpdateModelValues" step. Do I simply over-ride processUpdates, or is there more housekeeping to be done?
Thanks.

I'm guessing that doing addChild inside createChildren causes an infinite loop.
Why aren't you just doing this with MXML? it would be a lot simpler.

JSF custom component: repear child components

I want to create something like this
<custom:mycomp var="item" value="#{aBean.TheArrayList}">
___<f:facet name="child">
______<h:commandLink actionListener="#{item.doSomething}">
_________<h:ouputText value="#{item.name}"/>
______</h:commandLink>
___</f:facet>
</custom:mycomp>
I know how to make a basic component with encodebegin and encodeend. But how can I make it repeat the facet for every object in the arraylist?

Create a custom ActionListener, implementing javax.faces.event.ActionListener, and calling it like this:
<h:commandButton action="doThis" value="Do This">
<f:actionListener type="my.package.MyActionListener" />
</h:commandButton>When the button is pressed, the processAction() method of MyActionListener is automatically executed.
Maybe this wasn't what you were looking for?
Edited by: bjornie on Aug 5, 2008 2:50 AM

How to code spark custom component with variable number of (skin)parts?

Hello. I'm trying to code a complex Spark custom component that may have a variable number of parts. To help you understand the requirements, the component can be visualized as an HSlider with a unlimited number of thumbs (as opposed to one).
How do I, in general, represent these thumbs in the host component as well as the skin? If I had a fixed number of thumbs, say 5, I could easily represent them as 5 button SkinParts declaratively. However, it's not immediately clear to me how to deal with a variable number of them.
I've studied the HSlider implementation as well as other components and can't find an example that fits this pattern. The closest thing that I can think of is to represent the thumbs as a DataGroup and provide a custom item renderer to render them. Couple that with the general HSlider behaviors that I need to preserve, such as the fairly involved local/global coordinate translations, I don't know whether the approach will work.
Any better ideas? Thanks.

#2 sounds utterly strange to me. How would I utilize the phase id?The code below shows my idea whereas I never validate it in any real projects:
public class MyPhaseListener implements PhaseListener {
     private static final String IDKEY = "PHASEID";
     public static PhaseId getCurrentPhaseId() {
          return (PhaseId) FacesContext.getCurrentInstance().getExternalContext().getRequestMap().get(IDKEY);
     public void beforePhase(PhaseEvent event) {
event.getFacesContext().getExternalContext().getRequestMap().put(IDKEY,event.getPhaseId());
     public PhaseId getPhaseId() {
          return PhaseId.ANY_PHASE;
}You can write your constructor like as:
if (MyPhaseListener.getCurrentPhaseId().equals(PhaseId.RENDER_RESPONSE ) {
     /* create children because this is the first time to create the component */
}

URGENT: How to build composite custom component with a valuechangelistener?

Hi there!
I already posted regarding this issue before but unfortunately there wasn't any answer. But I don't think what I am trying to achieve is something unusual.
I am trying to build a composite custom component, that consists of some UISelectOne components and some UIInputText fields. Now I need to fill the combo boxes depending on the selected values of the other boxes. Therefore I added a value change listener. But when it fires I get an index out of bounds exception on the page.
The problem seems to be that the child components are being added twice to the component: Once in the constructor (which I am doing and which is called everytime the component is built) and once as part of the Restore View Phase (which JSF is doing).
So my question is: How and where do I correctly initialize my component's children?
A full code example can be found under http://forum.java.sun.com/thread.jspa?threadID=586301&tstart=150
Thanks a lot in advance!

#2 sounds utterly strange to me. How would I utilize the phase id?The code below shows my idea whereas I never validate it in any real projects:
public class MyPhaseListener implements PhaseListener {
     private static final String IDKEY = "PHASEID";
     public static PhaseId getCurrentPhaseId() {
          return (PhaseId) FacesContext.getCurrentInstance().getExternalContext().getRequestMap().get(IDKEY);
     public void beforePhase(PhaseEvent event) {
event.getFacesContext().getExternalContext().getRequestMap().put(IDKEY,event.getPhaseId());
     public PhaseId getPhaseId() {
          return PhaseId.ANY_PHASE;
}You can write your constructor like as:
if (MyPhaseListener.getCurrentPhaseId().equals(PhaseId.RENDER_RESPONSE ) {
     /* create children because this is the first time to create the component */
}

11g Custom Component with SQL IN (val1, val2, ..., valN) query

Hello
I want to use a query with a varchar input parameter in a custom component. The query definition is like this:
<tr>
     <td>QWhereIsAdministrator</td>
     <td>SELECT DISTINCT * FROM FWMTSITE WHERE ADMINISTRATOR IN ( ? )</td>
     <td>UserRoleList varchar</td>
</tr>
I can't pass the correct param value to the query from IdocScript
I tried the following:
<$UserRoleList = "'valA1','valA2'"$>
<$executeService("SITES_WHERE_IS_ADMINISTRATOR")$>
<$UserRoleList = "\'valB1\',\'valB2\'"$>
<$executeService("SITES_WHERE_IS_ADMINISTRATOR")$>
<$UserRoleList = js("'valC1','valC2'")$>
<$executeService("SITES_WHERE_IS_ADMINISTRATOR")$>
<$UserRoleList = xml("'valD1','valD2'")$>
<$executeService("SITES_WHERE_IS_ADMINISTRATOR")$>
<$UserRoleList = url("'valE1','valE2'")$>
<$executeService("SITES_WHERE_IS_ADMINISTRATOR")$>
<$UserRoleList = urlEscape7Bit("'valF1','valF2'")$>
<$executeService("SITES_WHERE_IS_ADMINISTRATOR")$>
No results found, the syntax of the executed query isn't correct. These are the QUERY trace output:
SELECT DISTINCT * FROM FWMTSITE WHERE ADMINISTRATOR IN ( '''valA1'',''valA2''' )[Executed. Returned row(s): false]
SELECT DISTINCT * FROM FWMTSITE WHERE ADMINISTRATOR IN ( '''valB1'',''valB2''' )[Executed. Returned row(s): false]
SELECT DISTINCT * FROM FWMTSITE WHERE ADMINISTRATOR IN ( '\''valC1\'',\''valC2\''' )[Executed. Returned row(s): false]
SELECT DISTINCT * FROM FWMTSITE WHERE ADMINISTRATOR IN ( 'णvalD1ण,णvalD2ण' )[Executed. Returned row(s): false]
SELECT DISTINCT * FROM FWMTSITE WHERE ADMINISTRATOR IN ( '%27valE1%27%2c%27valE2%27' )[Executed. Returned row(s): false]
SELECT DISTINCT * FROM FWMTSITE WHERE ADMINISTRATOR IN ( '%27valF1%27,%27valF2%27' )[Executed. Returned row(s): false]
Thank you for your help.

Change parameter type from varchar to varchar.in in your query definition. Like this:
<tr>
<td>QWhereIsAdministrator</td>
<td>SELECT DISTINCT * FROM FWMTSITE WHERE ADMINISTRATOR IN ( ? )</td>
<td>UserRoleList varchar.in</td>
</tr>In your binder, put a comma separated list in param UserRoleList. In java you can use:
final List<String> someListOfStrings = ...; // your list of strings
final String yourUserRoleListParam = StringUtils.createStringSimple( someListOfStrings );
m_binder.putLocal( "UserRoleList", yourUserRoleListParam );In your case <$UserRoleList = "val1,val2,...,valN"$> should do the job.
regards,
Fabian
Edited by: fscherpe on Mar 24, 2011 7:45 AM (Added iDoc variable; saw you wanted to start query from template, not from Java)

Problem custom component with children in RestoreView phase

Hi there!
I've got a problem with a custom component that I am writing. It consists of several UISelectOne and UIInputText components. Depending on the value selected in the UISelectOne components, the UISelectOne and UIInputText components may change. Therefore I attached a ValueChangeListener to the UISelectOne components. So far, so good.
The problem is, when the event is triggered, I get an ArrayIndexOutOfBoundsException. It took me a while to track it down. The problem seems to be, that during the Restore View phase, the StateManager's restoreComponentTreeStructure method first creates the component again and later restores its tree structure.
During creation of the component, its constructor is called in which I add the children to the component. While restoring the tree structure, the StateManager again adds the children to the component. So the list of my component's children contains each child twice.
The exception is due to the fact that in the saved state array only the original component's states are saved (which is perfectly right). So while restoring state and iterating through the component's children, the exception is thrown for the first child which is twice in the list (which is also perfectly right).
I hope this description is not too confusing. My question is, if anyone can give me a hint what I am doing wrong here? How can I avoid the component being initialized again? Or where should I add the children to the component?
Thanks for any advices!

Hi again,
I've perpared a minimal example (which in fact is quite big, but considering it's a custom tag it's probably not possible to make it smaller):
The UITest class (as you can see I add the child component in the constructor):
package test;
import java.io.IOException;
import java.util.*;
import java.util.ArrayList;
import java.util.List;
import javax.faces.application.Application;
import javax.faces.component.*;
import javax.faces.context.FacesContext;
import javax.faces.context.ResponseWriter;
import javax.faces.event.ValueChangeEvent;
import javax.faces.model.SelectItem;
public class UITest extends UIInput {
public static final String COMPONENT_TYPE = "Test";
public static final String COMPONENT_FAMILY = "Test";
private UISelectOne selectOne;
private UISelectItems selectItems;
public UITest(){
    Application application = FacesContext.getCurrentInstance().getApplication();
    selectItems = (UISelectItems)application.createComponent(UISelectItems.COMPONENT_TYPE);
    List items = new ArrayList();
    items.add(new SelectItem("One", "one"));
    items.add(new SelectItem("Two", "two"));
    selectItems.setValue(items);
    selectOne = (UISelectOne)application.createComponent(UISelectOne.COMPONENT_TYPE);
    selectOne.getAttributes().put("onchange", "submit()");
    Class[] params = {ValueChangeEvent.class};
    selectOne.setValueChangeListener(application.createMethodBinding("#{TestBean.valueChange}", params));
    selectOne.getChildren().add(selectItems);
    this.getChildren().add(selectOne);
public void encodeChildren(FacesContext context) throws IOException {
    ResponseWriter writer = context.getResponseWriter();
    Iterator children = getChildren().iterator();
    while(children.hasNext()){
      UIComponent child = (UIComponent)children.next();
      if(child.isRendered()){
        child.encodeBegin(context);
        if(child.getRendersChildren()){
          child.encodeChildren(context);
        child.encodeEnd(context);
public boolean getRendersChildren(){
    return true;
}The component tag class:
package test;
import javax.faces.webapp.UIComponentTag;
public class TestTag extends UIComponentTag {
public String getComponentType() {    return "Test"; }
public String getRendererType() {    return null; }
}Tag registration:
<tag>
    <name>test</name>
    <tag-class>test.TestTag</tag-class>
</tag>The backing bean:
package test;
import javax.faces.event.ValueChangeEvent;
public class TestBean {
private String currentValue;
public void valueChange(ValueChangeEvent event) {
    System.err.println(event.getNewValue());
public String getCurrentValue() {
    return currentValue;
public void setCurrentValue(String currentValue) {
    this.currentValue = currentValue;
}And finally the definition in the faces-config:
   <component>
      <component-type>Test</component-type>
      <component-class>test.UITest</component-class>
   </component>
   <managed-bean>
    <managed-bean-name>TestBean</managed-bean-name>
    <managed-bean-class>test.TestBean</managed-bean-class>
    <managed-bean-scope>session</managed-bean-scope>
   </managed-bean>When included in the JSP and then clicked on the combobox, I get an ArrayIndexOutOfBoundsException.
Can anyone give me a hint what the problem might be?
Thanks in advance!

Custom Component with xfaForm input

Hi. I'm trying to create a custom component that takes as one of its inputs either an xfaForm, a Document containing XML, or an xml variable. So my service method has a variable called data which is just an Object. When I pass in the xfaForm I get a class cast exception when casting the object to the XFARepositoryFormInstance class. I even print out the object and it shows me that its an XFARepositoryFormInstance. Do I have to do something special to work with an xfaForm inside the component? It seems like some sort of class loading issue or something.
I'm stuck. Anybody have thoughts?
Thanks,
Bryan

I'm unstuck :) The key to getting this to work is to import the packages you are going to use in your component.xml.
So, for me..I had to add the following:
        com.adobe.idp.workflow.dsc.type
        com.adobe.idp.taskmanager.form
        com.adobe.idp.taskmanager.form.impl
        com.adobe.idp.taskmanager.form.impl.xfa

Validation Error - JSF Custom Component

I am trying to create a Custom Component. It is a pre-populated list of selection items. So all that the page author would have to do is use a tag like
<jsfcust:mySelectOneComponent value="#{requestScope.selectedItem}/>and this should display a drop-down list from which only one item can be selected. I got this working except for the final stretch.
I created the following...
1. tag in the .tld file
2. CustSelectOneTag.java (set the value as a ValueBinding in setProperties() method)
3. CustSelectComponent.java
4. CustSelectRenderer.java (In the decode() method, called setSubmittedValue(value) on the component)
5. updated the faces-config.xml file
The display seems to be working fine. The problem is when I click on a Submit button and go to the next page where I want to display the selected value. It shows up as null. All that I want to do is be able to select an item from the custom drop down and display it in the next page after hitting submit.
What is the proper way to send the value back in the response? In my case, I was merely trying to pass the value so that the next page can access it from the request scope and display it.
I was not sure if I had to implement the getConvertedValue() method in my renderer. Can someone help?
Thanks,
JM

Thanks for your reply! Your answer fixed my problems, so definitely thanks! I need to use escaped values for things like "<,&,#, etc", like the pound "amp" semicolon stuff. If I try to type out strings like these the forum unescapes them - fun part of posting forum questions about HTML escaping on HTML-based forums! :) I didn't realize an escaped querystring would still work as expected in a <a href ... />. You actually fixed both of my problems, and I... I do feel appropriately foolish now :) Had a feeling this might be a slaps forehead one. Thanks for the quick answer!,
Jim

Jsf custom component issue

I am creating a custom component and extending the renderer like the following. My custon component is similar to h:messages but inaddition to that it has hyperlink(clicking error focuses individual input box). I have extended the renderer as follows, every thing works fine but the problem is the form gets null or looses its all value when error occured, however the component works fine. I dont know why is that hapening.
Any help would be highly appreciated.
public class CustomErrorRenderer extends Renderer {
@Override
public void encodeEnd(FacesContext context,
UIComponent component) throws IOException {
ResponseWriter writer = context.getResponseWriter();
writer.startElement("div", component);
writer.writeAttribute("id", component.getClientId(context), "id");
writer.writeAttribute("style", "color: red", null);
writer.startElement("ul", null);
Iterator<String> clientIds = context.getClientIdsWithMessages();
while (clientIds.hasNext()) {
String clientId = clientIds.next();
Iterator<FacesMessage> messages = context.getMessages(clientId);
if (!messages.hasNext()) { continue; }
String javaScript = "var field = document.getElementById('"
+clientId+ "');" +"if(field == null) return false;"+
"field.focus(); return false;";
writer.startElement("li", null);
writer.startElement("a", null);
writer.writeAttribute("onclick", javaScript, null);
writer.writeAttribute("href", "#", null);
while (messages.hasNext()) {
writer.writeText(messages.next().getSummary(), null);
writer.endElement("a");
writer.endElement("li");
writer.endElement("ul");
writer.endElement("div");
}

The problem is, the form values that are tied to input boxes are null once validation error occurs.
I think when I am overriding that encodeEnd, this is causing the problem for the form values getting null.
IF I want to see, what are the submitted values then isn't this the way, I am getting null here also:
          FacesContext context = FacesContext.getCurrentInstance();
              UIViewRoot viewRoot= context.getViewRoot();
             HtmlInputText input = (HtmlInputText)viewRoot.findComponent("formId:InputboxId");
          System.out.println("input sub value" + input.getSubmittedValue());

JSF-Custom Component with EventHandling

Similar Messages

Maybe you are looking for