【easyui】dialog中继续弹出dialog

最新推荐文章于 2024-06-28 02:04:24 发布

小魏的马仔

最新推荐文章于 2024-06-28 02:04:24 发布

阅读量4.9k

点赞数 1

分类专栏： web开发

本文链接：https://blog.csdn.net/xuexiiphone/article/details/53706805

版权

web开发专栏收录该内容

48 篇文章 1 订阅

订阅专栏

下面代码使用spring mvc架构
在controller的跳转中，不要直接返回dialog需要展示的页面，直接跳转到一个container中

    @RequestMapping("/XXX")
    public String XXXX(HttpServletRequest request) {

        request.setAttribute("treatmentCycle", 5);
        request.setAttribute("respnseCycle", 1);

        return "/views/match/throw/throwRuleContainer";
    }

然后在container中，使用iframe加载需要弹出的dialog，并且将参数通过url的形式传进去

<script src="${pageContext.request.contextPath}/jslib/validate/validateAccount.js "></script>


    <iframe id="ifrmDetail" border="0px" width="550px" height="500px"></iframe>

<script type="text/javascript">

var contribution = "${contribution}";
$(function(){  

    var url = "${pageContext.request.contextPath}/views/XXX/xxx/DDDD.jsp?contribution="+contribution;
    $("#ifrmDetail").attr("src",url);
}); 
</script>

4, 实现一个dialog页面

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta charset="utf-8"/>
        <jsp:include page="../../../initlib/initAll.jsp"></jsp:include>
        <script src="${pageContext.request.contextPath}/jslib/validate/validateAccount.js "></script>

        <script type="text/javascript">


        </script>
    </head>
    <body>
    <div class="easyui-layout" data-options="fit:true,border:false">
    <div data-options="region:'center',border:false" title="" style="overflow: hidden;padding:5px">
        <form id="form" method="post">
            <fieldset>
                <legend>响应规则</legend>
                <table class="table" style="width: 100%;">
                    <tr>
                        <th>贡献度</th>
                        <td colspan="6">
                            <input id = "contribution" readOnly="true" type="text" name="contribution" class="easyui-validatebox"
                                   value="${contribution}" data-options="required:true" maxlength="50"
                                   style="width:100px; height:23px;border:none;background-color: white;""/>
                        </td>
                    </tr>
                </table>
            </fieldset>
        </form>
    </div>
</div>
<script type="text/javascript">


    $(function () {
        //获取url中的参数，然后给页面赋值
        getQueryString();
    });

    function getQueryString() { 
        var reg = new RegExp("(^|&)contribution=([^&]*)(&|$)", "i"); 
        var r = window.location.search.substr(1).match(reg); 
        if (r != null){
            $("#contribution").val(unescape(r[2]));
        } else {
            $("#contribution").val("0");
        }
    }
</script>
    </body>
</html>