弹簧网络流的问题.表单提交值是正确的，AjaxEventDecoration不是

我在使用 Springs Web Flow 时遇到了问题。如果用户单击表单提交按钮，我将在我的 bean 中具有正确的值。

例如，性别字段将是男性或女性。但是我随后添加了一个 AjaxEventDecoration 来提交更改性别下拉框，这实际上是一个表单：选择，在 bean 中我将获得值"，即 elementId。下面是我的代码，你能不能审查一下，让我知道你的想法......我需要尽快修复此值...

<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>

<style type="text/css" media="screen">
 @import url("<c:url value="/resources/dojo/resources/dojo.css"/>");
 @import url("<c:url value="/resources/dijit/themes/claro/claro.css"/>");
</style>     
<script djconfig="parseOnLoad: true"
 src="<c:url value="/resources/dojo/dojo.js"/>" type="text/javascript"></script>
<script type="text/javascript"
 src="<c:url value="/resources/spring/Spring.js" />"> </script>
<script type="text/javascript"
 src="<c:url value="/resources/spring/Spring-Dojo.js" />"></script>
<script type="text/javascript">dojo.require("dojo.parser");</script>
<html>
<head>
<title>Spring 3.0 MVC - Web Flow Example</title>
</head>
<body class="claro">
    <h2>Dropdown Test</h2>
    <form:form commandName="customer" id="customer">
        <input type="hidden" name="_flowExecutionKey"
            value="${flowExecutionKey}" />
        <div id="container">
            <table>
                <tr>
                    <td><font color=red><form:errors path="sex" /></font><b>Sex:</b></td>
                    <td><form:select path="sex" id="sex">
                            <form:option value="MALE" label="MALE" />
                            <form:option value="FEMALE" label="FEMALE" />
                        </form:select> 
                        <script type="text/javascript">
                        Spring.addDecoration(new Spring.ElementDecoration({
                            elementId : "sex",
                            widgetType : "dijit.form.Select",
                            widgetAttrs : {
                            promptMessage : "Enter Sex",
                            required : true }}));
                         </script></td></tr>
                </table>
        </div>
        <input type="submit" name="_eventId_submit" id="submit" value="Submit" />
        <input type="submit" name="_eventId_cancel" value="Cancel" />
        <p>
        <script type="text/javascript">
            Spring.addDecoration(new Spring.ValidateAllDecoration({
                elementId : 'submit',
                event : 'onclick'
            }));
            Spring.addDecoration(new Spring.AjaxEventDecoration({
                 elementId: "sex",
                 event: "onChange",
                 formId:"customer",
                 params: {fragments:"body", _eventId: "loadSchools"}}));
        </script>
    </form:form>
</body>
</html>

您在"活动"之后没有任何关闭</b>，但</n>。
这些事情有时会导致奇怪的问题，例如您遇到的问题

修复它并重试

[编辑] 我为你找到了一个解决方案pb：基本上删除你选择的装饰和ajax事件，然后这样做：

<tr>
    <td><font color=red><form:errors path="sex" /></font><b>Sex:</b></td>
    <td><form:select path="sex" id="sex" required="true" data-dojo-type="dijit/form/Select" onchange="Spring.remoting.submitForm('sex', 'customer', {fragments:'body', _eventId: 'loadSchools'}); return false;">
            <form:option value="MALE" label="MALE" />
            <form:option value="FEMALE" label="FEMALE" />
        </form:select>
   </td>
</tr>

似乎选择装饰存在一些问题...我会尝试看看我是否可以找到另一种方法，但我对此进行了测试并且它有效

我解决了这个问题。我删除了 Spring.AjaxEventDecoration 调用，并将 Spring.ElementDecoration 更改为以下内容：

<script type="text/javascript">
                        Spring.addDecoration(new Spring.ElementDecoration({
                            elementId : "sex",
                            widgetType : "dijit.form.Select",
                            widgetAttrs : {
                            promptMessage : "Enter Sex",
                            required : true, 
                            onChange : function() {
                                Spring.remoting.submitForm(
                                    'submit', 
                                    'customer', 
                                    {_eventId: 'sexchange', fragments:'contents'}
                                 ); 
                                 return false;
                            } }}));

                    </script>

我不是 100% 清楚为什么 Ajax 调用不起作用，但我的项目现在正在使用这段代码！

相关内容

最新更新

热门标签：