Trappin JSF component events

We are recording the events raised by html elements on the IE browser through the IWebBrowser2 and IHtmlelement interfaces.
However,we needed a similar mechanism for trapping the events raised by the JSF elements on the page.
What is the way to achieve this - either through javascript or COM interfaces.
Any pointers would be very helpful.
Thanks in advance.

jsf components has valuechangelistener.. you can use it for trapping events

Similar Messages

Triggering a reRender of a JSF component from a Javascript function

Hi
I am using a javascript calendar component(JQuery +JCal) to allow the user to select a date for which they want to see events displayed for. When the user selects the date I was planning on outputting the events in a rich:dataTable or something similar.
Is there anyway that I can trigger a reRender of the dataTable from the javascript, i.e. when someone selects a particular date I would like to trigger a reRender of the rich:dataTable.
I know I can do it easily from another JSF component, e.g. if I had a commandLink I could set the reRender property to be the id of the dataTable. But I am wondering can I trigger the reRender of the dataTable from a Javascript function, i.e. can I submit an AJAX request
Thanks

If you are using the the Richfaces components then you should look at the a4j:jsFunction component, which is provided by Richfaces.
Follow the following format using the a4j:jsFunction:
<a4j:jsFunction name="functionName" reRender="targetCompoentId"/>So in the component that the event should be triggered...like the 'onclick' or 'onmouseover' or whatever the legal event is use the following format:
onclick="functionName();"Richfaces renders the a4j:jsFunction as a javascript function. The a4j:jsFunction name attibute becomes the name of the javascript function; You just have to remember to add the "()" parenthesis to the end of the function name.
You could technically call the function also inside a javascript that has page access to the javascript generated from the a4j:jsFunction component.
Hope this helps!

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.

Error 1046: Type was not found or was not a compile-time constant: Component Event.

Hi Everyone..
I am getting an Error 1046: Type was not found or was not a compile-time constant: Component Event.
The ComponentEvent class has been imported,and also the event handling code is there. I am not sure what else is wrong, hope somebody can advise me. Thanks. The code is below, the point where the error occurs as indicated by the compiler has been highlighted.
package
import flash.display.Sprite;
import flash.media.Camera;
import flash.media.Microphone;
import flash.media.Video;
import fl.controls.TextArea;
import fl.controls.Button;
import fl.controls.TextInput;
import flash.events.SyncEvent;
import flash.events.MouseEvent;
import flash.events.FocusEvent;
import flash.net.SharedObject;
import flash.net.NetConnection;
import flash.net.NetStream;
import flash.events.NetStatusEvent;
import flash.events.FocusEvent;
import flash.events.ComponentEvent;
public class VideoChat extends Sprite
private var button:Button;
private var text_so:SharedObject;
private var textArea:TextArea;
private var textInput:TextInput;
private var chatName:TextInput;
private var nc:NetConnection;
private var nsOut:NetStream;
private var nsIn:NetStream;
private var rtmpNow:String;
private var msg:Boolean;
private var cam:Camera;
private var mic:Microphone;
private var vid:Video;
public function VideoChat ()
   //Set up UI
   textArea = new TextArea();
   textArea.setSize(500,280);
   textArea.move(20,54);
   addChild(textArea);
   textInput = new TextInput();
   textInput.setSize(500,24);
   textInput.move(20,340);
   textInput.addEventListener(ComponentEvent.ENTER,checkKey);
   addChild(textInput);
   button = new Button();
   button.width=50;
   button.label="Send";
   button.move(20,370);
   button.addEventListener(MouseEvent.CLICK, sendMsg);
   addChild(button);
   chatName = new TextInput;
   chatName.setSize (100,24);
   chatName.move (80,370);
   chatName.text="<Enter Name>";
   chatName.addEventListener (FocusEvent.FOCUS_IN, cleanName);
   addChild(chatName);
   //Connect
   rtmpNow="rtmp:/VideoChat ";
   nc=new NetConnection;
   nc.connect (rtmpNow);
   nc.addEventListener(NetStatusEvent.NET_STATUS,doSO);
   cam = Camera.getCamera();
   mic=Microphone.getMicrophone();
   //Camera Settings
   cam.setKeyFrameInterval(15);
   cam.setMode (240, 180, 15, false);
   cam.setMotionLevel(35,3000);
   cam.setQuality(40000 / 8,0);
   //Microphone Settings
   mic.gain = 85;
   mic.rate=11;
   mic.setSilenceLevel (25,1000);
   mic.setUseEchoSuppression (true);
   //Video Setup
   vid=new Video(cam.width, cam.height);
   addChild (vid);
   vid.x=10, vid.y=20;
   //Attach local video and camera
   vid.attachCamera(cam);
private function doSO(e:NetStatusEvent):void
   good=e.info.code == "NetConnection.Connect.Success";
   if(good)
    //Set up shared object
    text_so=SharedObject.getRemote("test", nc.uri, false);
    text_so.connect (nc);
    text_so.addEventListener(SyncEvent.SYNC, checkSO);
private function checkSO(e:SyncEvent):void
   for (var chung:uint; change<e.changeList.length; chng++)
    switch(e.chageList[chng].code)
     case "clear":
      break;
     case "success":
      break;
     case "change":
      textArea.appendText (text_so.data.msg + "\n");
      break;
private function cleanName(e:FocusEvent): void
   chatName.text="";
private function sendMsg(e:MouseEvent):void
   noName=(chatName.text=="<Enter Name>" || chatName.text=="");
   if (noName)
     textArea.appendText("You must enter your name \n");
   else
    text_so.setProperty("msg", chatName.text +": " + textInput.text);
    textArea.appendText (chatName.text +": "+textInput.text +"\n");
    textInput.text="";
private function checkKey (e:ComponentEvent):void
   noName=(chatName.text=="<Enter Name>" || chatName.text=="");
   if (noName)
     textArea.appendText("You must enter your name \n");
   else
    text_so.setProperty("msg", chatName.text +": " + textInput.text);
    textArea.appendText (chatName.text +": "+textInput.text +"\n");
    textInput.text="";
//Create NetStream instances
private function checkConnect (e:NetStatusEvent):void
   msg=e.info.code == "NetConnection.Connect.Success";
   if(msg)
    nsOut=new NetStream(nc);
    nsIn=new NetStream(nc);
    //NetStream
    nsOut.attachAudio(mic);
    nsOut.attachCamera(cam);
    nsOut.publish("camstream");
    nsIn.play("camstream");

Hi Guys...
I have found out what is wrong. I was importing the wrong package the correct one should have been:
import fl.events.ComponentEvent;
instead of
import flash.events.ComponentEvent;
I hope this is helpful for anyone caught in a simillar situation as me...Thanks..

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.

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>

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/

Setting focus to a jsf component inside a tab.

Hi,
How can I set focus to a jsf component that is placed on some tab other then the first. Suppose that on the 2nd tabitem of the tab. there are some components on this tab . How can I set the focus to any one of these components on tabitem2 when the jsf page is opened.
Any ideas..
Thanks in advance..

Use Javascript.var el = document.getElementById('elementId');
if (el && el.focus) {
el.focus();
}

Unexpected error decoding JSF component: {0} in SAP BO 4.0 sp2

Hi,
Am getting the above mentioned error repeatidly. I tried clearing the tomcat cache folder and restarted the tomcat but that couldnt help me to resolve the issue, Help me to resolve the issue.

Hi Abhi,
Please refer the below KBA regarding your issue
1710454 - Unexpected error decoding JSF component BI 4.0
https://service.sap.com/sap/support/notes/1710454
Thanks,
Daya

Simple JSF component

Im using a simple JSF component <h:selectOneMenu> decribed below:
<h:selectOneMenu value = "Tuesday">
     <f:selectItem itemValue="Sunday" />
     <f:selectItem itemValue="Monday" />
     <f:selectItem itemValue="Tuesday" />
     <f:selectItem itemValue="Wednesday" />
     <f:selectItem itemValue="Thursday" />
</h:selectOneMenu>I use this component in a simple .jsp with nothing else in it. Im tring test the waters. My development environment is WSAD 5.1. When I try to run the .jsp on my test server, I get the following error: (Any idea as to why?)
[6/21/05 17:11:17:891 EDT] bc09ee3 WebGroup      I SRVE0180I: [FACES_Test] [/FACES_Test] [Servlet.LOG]: /JSFTestApp.jsp: init
[6/21/05 17:11:17:953 EDT] bc09ee3 WebGroup      E SRVE0026E: [Servlet Error]-[Argument Error: One or more parameters are null.]: javax.servlet.jsp.JspException: Argument Error: One or more parameters are null.
     at com.sun.faces.taglib.html_basic.SelectOneMenuTag.doEndTag(SelectOneMenuTag.java:483)
     at org.apache.jsp._JSFTestApp._jspService(_JSFTestApp.java:342)
     at com.ibm.ws.webcontainer.jsp.runtime.HttpJspBase.service(HttpJspBase.java:89)
.........

OK, I figured this out. I made a newbie mistake. I should be using the itemLabel attribute like this <f:selectOneMenu itemLabel = "Sunday" itemValue = "Sunday">
I think.....

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

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

Trappin JSF component events

Similar Messages

Maybe you are looking for