1

我有一个模式对话框,它有一个表单。当用户单击对话框上的提交按钮时,我希望提交表单,并且工作正常。但问题是在提交表单后对话框没有关闭,并且在刷新后仅将数据添加到网格中。这是我的对话框

 $(document).ready(function(){
            $("#dialog-form").dialog({
                autoOpen : false,
                height : 400,
                width : 800,
                modal : true,
                title: "Currency Details",
                close : function() {
                $(this).dialog("close");
                }
            });
        });

这是我的ajax提交

  function saveCurrencyAjax() {
        var str = $("#enumCurrency").serialize();
        $.ajax({
            type : "POST",
            url : "../currency/saveEnumCurrency.action",
            data : str,
            success : function(response) {alert("success call");
                $('#dialog-form').dialog('close');
                $('#currencyGrid').flexReload();
            },
            error : function(e) {
                alert('Error: ' + e);
            }
        });
    };

这是我的控制器

@RequestMapping( value="/currency/saveEnumCurrency.action", method=RequestMethod.POST)
public ModelAndView saveEnumCurrency(@ModelAttribute EnumCurrency enumCurrency, Errors errors) throws Exception {   

    ModelAndView mvc = null;
    try{
        List<EnumCurrency> enumCurrencys =  new ArrayList<EnumCurrency>();
        enumCurrencys.add(enumCurrency);
        List<EnumCurrency> enumCurrencyList =enumCurrencyService.create(enumCurrencys);
        mvc =   new ModelAndView("setup/enumCurrencyList");         
    } catch (Exception e) {
        e.printStackTrace();
    }
    return mvc; 
}

我的jsp页面在这里....

<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Currency </title>

<link rel="stylesheet" type="text/css" media="all"
    href="<c:url value='/styles/style.css'/>" />
<link rel="stylesheet" type="text/css" media="all"
    href="<c:url value='/scripts/jquery/css/jquery.ui.all.css'/>" />
<link rel="stylesheet" type="text/css" media="all"
    href="<c:url value='/scripts/jquery/css/flexigrid.css'/>" />
<link rel="stylesheet" type="text/css" media="all"
    href="<c:url value='/scripts/jquery/css/flexigrid.pack.css'/>" />

<script type="text/javascript" src="<c:url value='/scripts/script.js'/>"></script>

<script type="text/javascript"
    src="<c:url value='/scripts/jquery/flexigrid.js'/>"></script>
<script type="text/javascript"
    src="<c:url value='/scripts/jquery/flexigrid.pack.js'/>"></script>

<script type="text/javascript"
    src="<c:url value='/scripts/jquery/jquery-ui.js'/>"></script>
<script type="text/javascript"
    src="<c:url value='/scripts/jquery/jquery.ui.core.js'/>"></script>
<script type="text/javascript"
    src="<c:url value='/scripts/jquery/jquery.validate.js'/>"></script>
<script src="../scripts/setup/enumCurrencyList.js"></script>

<script type="text/javascript">

    $(document).ready(function(){
        $("#dialog-form").dialog({
            autoOpen : false,
            height : 400,
            width : 800,
            modal : true,
            title: "Currency Details",
            close : function() {alert("close....jsp");
            $(this).dialog("close");
            }
        });

    });



    function submitForm() {

        validation part is here........
};

function saveCurrencyAjax() {
    var str = $("#enumCurrency").serialize();
    $.ajax({
        type : "POST",
        url : "../currency/saveEnumCurrency.action",
        data : str,
        success : function(response) {alert("success call");
            $('#dialog-form').dialog('close');
            alert("after close.....jsp");
            $('#currencyGrid').flexReload();
            alert("gridcall");
        },
        error : function(e) {
            alert('Error: ' + e);
        }
    });
};


</script>

</head>
<body>
    <div id="dialog-form" ></div>
    <fieldset>
        <div id="currencyGrid" />
    </fieldset>

</body>
</html>

任何帮助将不胜感激。在此先感谢。

4

0 回答 0