Question

我是Dojo的新手，正在尝试使用JSF编写DOJO教程。我经历了很多链接，了解如何将DOJO与JSF集成。

DOJO版本：1.9使用JSP的JSF版本：2.0

我写了一个包含JSF和DOJO的代码，但显然它运行不正常。

首先，在Eclipse（IDE）中无法识别dojo标记。这是一种痛苦记住每个标签。 IDE中的每个标记都突出显示为黄色表示未定义的属性名称。我不知道为什么我不能按ALT + Space并获取dojo的组件。为什么即使包含所有脚本，组件也无法解析。

代码段：

    <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
        pageEncoding="ISO-8859-1"%>
    <%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
    <%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style type="text/css">
        @import url("${pageContext['request'].contextPath}/script/
         dojo_lib/dijit/themes/claro/claro.css");
         @import url("${pageContext['request'].contextPath}/script/
         dojo_lib/dojo/resources/dojo.css");
    </style>

    <script type="text/javascript">
            var djConfig = {
                parseOnLoad: true,
                isDebug: false,
            };
    </script>



    <script type="text/javascript" src="${pageContext['request'].contextPath}/script/dojo_lib/dojo/dojo.js"></script>

    <script type="text/javascript">
       dojo.require("dojo.parser");
       dojo.require("dijit.form.ValidationTextBox");
       dojo.require("dijit.form.Textarea");
    </script>    

    <script type="text/javascript">   
       function dojoInit(){
            dijit.registry.byClass('dijit.form.ValidationTextBox').forEach(function(pane){
              pane.setValue(pane.domNode.previousSibling.value);
         });

         dijit.registry.byClass('dijit.form.Textarea').forEach(function(pane){
              pane.setValue(pane.domNode.previousSibling.value);
         });
       }

       dojo.addOnLoad(dojoInit);
    </script>  

    <script type="text/javascript">
    function setDojoValue(){
         dijit.registry.byClass('dijit.form.ValidationTextBox').forEach(function(pane){
              pane.domNode.previousSibling.value = pane.getValue();
         });

         dijit.registry.byClass('dijit.form.Textarea').forEach(function(pane){
              pane.domNode.previousSibling.value = pane.getValue();
         });
    } 
    </script> 

    </head>
    <body class="claro">


    <f:view>
         <h3>Project</h3>
         <h:form id="project">
         <table>
              <tbody>
           <tr>
    <td>Project name:</td>
    <td><h:inputHidden value="#{projectFormBean.projectName}"/><f:verbatim> 
         <input type="text" name="projectName" dojotype="dijit.form.ValidationTextBox" regExp="[\w]+"
          required="true" invalidMessage="Invalid.Only Alphabets required" requiredMessage="Input Required"/></f:verbatim>
    </td>
    </tr>
    <tr>
    <td>Project description: </td>
    <td><h:inputHidden value="#{projectFormBean.projectDescription}"/><f:verbatim> 
     <textarea dojotype="dijit.form.Textarea"  style="width:80%">
         </textarea></f:verbatim>
    </td>
    </tr> 
              </tbody>
         </table>

         <h:commandButton id="button_submit" actionListener="#{projectFormBean.invokeAction}" 
        value="Submit" type="submit" onclick="setDojoValue();"></h:commandButton>        
         </h:form>
    </f:view>

    <script>
            require([
                'dojo/parser',
                'dojo/domReady!'
            ], function(parser){
                parser.parse(); // tell dojo to check the DOM for widgets
            });
        </script>
    </body>         
    </html>

当页面加载时，3个组件可见，而不是2。

一个。输入标有“X”的文本。我不能写入这个组件b。输入项目名称的文本。 C。项目描述的文本区域。

面临以下问题：

一个。出现具有X的组件，该组件不应出现。湾该项目 name字段有验证。但是只有在我输入空格后，验证火了。否则它不会发射。 C。验证消息显示在文本区域下方，而理想情况下应显示在右侧在相应的组件下面。 d。在表单提交上，验证是没有解雇。我不知道输入值是否正确。即在Backing bean动作侦听器中获取NO VALUE。这俩字段打印空白。

有人请指导。

即使是基本的DOJO也没有使用JSF（2.0）。没运气

0 个答案: