2 Replies Latest reply on Jul 31, 2015 12:10 PM by michpetrov

Uncaught ReferenceError: RichFaces is not defined

cchei Jul 31, 2015 6:14 AM

Hi all,

I just start using Richfaces 4.5.7, so I did try to create a test page by copy the source from showcase - ajax : Dynamic Select

http://showcase.richfaces.org:8000/richfaces/component-sample.jsf?demo=ajax&skin=blueSky

However the page did not work and I find a js error:

Uncaught ReferenceError: RichFaces is not defined

onchange @ ajax_dynamic.jsf:5

Can someone help?

1. Re: Uncaught ReferenceError: RichFaces is not defined

cchei Jul 31, 2015 6:31 AM (in response to cchei)

Solved but not sure why, if possible, please explain a bit more about this, since I am new to JSF.

JSF code that cause the issue
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich">
    <h:form>
        <h:selectOneMenu value="#{selectsBean.currentType}" valueChangeListener="#{selectsBean.valueChanged}">
            <f:selectItems value="#{selectsBean.firstList}" />
            <a4j:ajax event="valueChange" render="second" execute="@this" />
        </h:selectOneMenu>
        <a4j:outputPanel id="second" layout="block">
            <h:selectOneMenu value="#{selectsBean.currentType}" rendered="#{not empty selectsBean.currentType}">
                <f:selectItems value="#{selectsBean.secondList}" />
            </h:selectOneMenu>
        </a4j:outputPanel>
    </h:form>
</ui:composition>

Solved by adding head and body.
<!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:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich">

<h:head>
<title>Rich faces</title>
</h:head>
    <body>

    <h:form>
        <h:selectOneMenu value="#{selectsBean.currentType}" valueChangeListener="#{selectsBean.valueChanged}">
            <f:selectItems value="#{selectsBean.firstList}" />
            <a4j:ajax event="valueChange" render="second" execute="@this" />
        </h:selectOneMenu>
        <a4j:outputPanel id="second" layout="block">
            <h:selectOneMenu value="#{selectsBean.currentType}" rendered="#{not empty selectsBean.currentType}">
                <f:selectItems value="#{selectsBean.secondList}" />
            </h:selectOneMenu>
        </a4j:outputPanel>
    </h:form>

    </body>
</html>
Actions
2. Re: Uncaught ReferenceError: RichFaces is not defined

michpetrov Jul 31, 2015 12:10 PM (in response to cchei)

You need h:head so that when the page is generated JSF has a place to link the JavaScript resources from (otherwise you'd have to link the files manually).
Actions

Go to original post