Question

我正在使用RichFaces 4.3.5-Final包来构建上传进度条。

然而，我甚至无法得到正式的例子。

请在下面找到我正在使用的源代码，它来自RichFaces官方网站的客户端示例：

    <!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:ui="http://java.sun.com/jsf/facelets"
      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">

      <script>
//<![CDATA[
        var counter = 1;
        var intervalID;
            function updateProgress(i) {
                $('form:progressBar').component.setValue(counter*5);
                if ((counter++)>20){
                    clearInterval(intervalID);
                    document.getElementById('button').disabled=false;
                }
            }

            function startProgress(){
                counter=1;
                document.getElementById('button').disabled=true;
                $('form:progressBar').component.enable();
                $('form:progressBar').component.setValue(1);
                intervalID = setInterval(updateProgress,5000);
            }
//]]> 
      </script>
    <h:form id="form">
          <rich:progressBar mode="client" id="progressBar">
            <f:facet name="initial">
                <h:outputText value="Process doesn't started yet"/>
            </f:facet>
            <f:facet name="complete"> 
                <h:outputText value="Process Done"/>
            </f:facet>
          </rich:progressBar>
          <button type="button" onclick="startProgress();" style="margin: 9px 0px 5px;" id="button">Start Progress</button>
    </h:form>
</ui:composition>

链接在这里：

http://livedemo.exadel.com/richfaces-demo/richfaces/progressBar.jsf?c=progressBar

我的项目被放到Tomcat 7上进行测试，并且当触发启动按钮时，firebug发现了此错误：

ReferenceError：未定义RichFaces ReferenceError：$未定义

有人可以帮我吗？

非常感谢!!

更新：19/3/2014

正如所建议的，我已经尝试过RichFaces 4的示例：

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

然而，同样的错误：

ReferenceError：未定义RichFaces

仍显示在萤火虫中，进度条无法显示。

由于

RichFaces Progress Bar官方示例不起作用

0 个答案: