如何在jsf中调用javascript函数?

时间:2017-01-13 11:37:52

标签: javascript jsf jsf-2 richfaces

我有一个xhtml页面,我想在a4j:commandLink中调用一个javascript函数。我不知道为什么但是没有调用javascript方法。我已经尝试使用" ui:define"将函数写入.js文件,但我仍然无法调用该方法。这是因为它没有落入生命周期。

xhtml页面如下:

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:rich="http://richfaces.org/rich"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:h="http://java.sun.com/jsf/html">

<h:head>
<script type="text/javascript">
function myFunction(){
    alert("Hello World!");
    }
</script>
</h:head>
<h:body>
    <h:panelGrid columns="2">
        <h:outputText value="Choose the produce type:" />
        <rich:inplaceSelect value="#{selectedBean.currentType}"
            valueChangeListener="#{selectedBean.valueChanged}"
            defaultLabel="Click here to select">
            <f:selectItems value="#{selectedBean.firstList}" />
            <a4j:ajax  event="change" reRender="items, label"
                ajaxSingle="true"  oncomplete="myFunction()"/>
                <a4j:log></a4j:log>
        </rich:inplaceSelect>
        <a4j:outputPanel id="label">
            <h:outputText value="Choose concrete product:"
                rendered="#{not empty selectedBean.secondList}" />
        </a4j:outputPanel>
        <a4j:outputPanel id="items">
            <rich:inplaceSelect value="#{selectedBean.currentItem}"
                rendered="#{not empty selectedBean.secondList}"
                defaultLabel="Click here to select">
                <f:selectItems value="#{selectedBean.secondList}" />
            </rich:inplaceSelect>
        </a4j:outputPanel>
    </h:panelGrid>

</h:body>

1 个答案:

答案 0 :(得分:0)

在调用java脚本函数时添加分号。

oncomplete="myFunction();"