Menu
Newbie at javascript here. Trying to access the internals of RichFaces components with examples I find on the web, without much luck.
RichFaces 3.3 and JSF 1.2, jboss server, Chrome, ant.
I've seen examples like
#{rich:component(formId)}
RichFaces.$(stHourId)
But neither is recognized when executed. So how can I use these or access them otherwise ...
access the value list of a rich:comboBox in javascript - found an example on the web
var valueArray = #{rich:component(formId)}.comboList.itemsValue;
I get an error when the page loads : Uncaught SyntaxError: Unexpected token . When I look at the code in the developer tool console, the #{rich:component(formid)} is completely missing (which causes other problems)
var valueArray = .comboList.itemsValue;
If I remove that line but break in the code, and try to manually use #{rich:component...} in the console,
#{rich:component('form:recurStartMincomboboxField')}
I get : Uncaught SyntaxError: Unexpected token ILLEGAL or
RichFaces.$('form:recurStartMincomboboxField')
a different error: Uncaught TypeError: RichFaces.$ is not a function
I know the form Id is correct since the following works, but I can't seem to access the value list from this
document.getElementById('form:recurStartMincomboboxField')
and If you want to see it in context, relevant parts:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich">
<head>
<script>
function checkMinute(formId, defaultVal) {
alert('validateMinute');
var minuteStr = document.getElementById(formId).value;
// get list of values allowed for the combobox
var valueArray = #{rich:component(formId)}.comboList.itemsValue;
}
</script>
</head>
<body>
<h:form id="form">
......
<rich:comboBox id="recurStartMin" value="#{filterManagerBean.recurStartMin}" required="false"
selectFirstOnUpdate="true" defaultLabel="" enableManualInput="true" width="50"
onchange="checkMinute('form:recurStartMincomboboxField', '00')"
>
<f:selectItems value="#{filterManagerBean.minuteOptions}" />
</rich:comboBox>
......
</h:form>
</body>
</html>
Been trying various things and searches all day, pretty frustrated :(
332
asked Mar 11 '26 12:03
#{rich:component('recurStartMincomboboxField')}
This is Expression Language (EL) not JavaScript, see the tutorial.
You cannot execute EL on the client side since that's for the server to work with (it's kind of like inline Java code). EL expressions are executed as the page loads so if you want to use it you have to know the id beforehand, or the id has to be available on the server. Or you can use pure JavaScript:
document.getElementById('form:recurStartMincomboboxField').component
RichFaces.$ is not available in RichFaces 3.
152
answered Mar 13 '26 03:03
You are missing facelets, add
xmlns:ui="http://java.sun.com/jsf/facelets"
example combo boxes
This extended example shows the use of jQuery and val() in working with this. As with anything very new do the tutorials using exactly the data and details in the examples first to iron out minor issues.
39
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
