HAP前端——两个页面之间传值

需求：点击某个按钮或者其他要求跳转到其他页面的时候，如果需要传值，两个页面之间如何传值？

思路：需要跳转到其他页面，可以通过URL传值

实现：
1、获取页面参数


<script>
    //弹窗
    function detail(headerId) {
        var onClose = function () {
            $("#batchDiv1").empty();
        }
        var dialog = $("#batchDiv1").kendoWindow({
            actions: ["Close"],
            width: 1000,
            height: 460,
            title: '销售详细订单',
            visible: false,
            iframe: true,
            modal: true,
            content: '${base.contextPath}/sales/om_order_lines.html?headerId='+headerId
        }).data("kendoWindow");
        dialog.center().open();
    }
</script>
<div id="batchDiv1"></div>

注意到上述代码中的URL,这就是跳转到的页面（弹窗页面内容，这里我说第二个页面）其中左边的headerId是第二个页面需要用到的，右边的headerId是detail(headerId)里的headerId，那么detail(headerId)中的headerId如何获得？


 {
                field: "orderNumber",
                title: '<@spring.message "OmOrderHeaders.orderNumber"/>',
                width: 120,
                template: function (dataItem) {
                    if (!dataItem.orderNumber)
                        return '';
                    if (!!dataItem) {
                        return '<a style="text-decoration : underline;color : blue;cursor:pointer" onclick="detail('+dataItem.headerId+')"><span style="color: blue">'
                            + dataItem.orderNumber
                            + '</span></a>';
                    }
                }
            },

这里要说一下，onclick=”detail(‘+dataItem.headerId+’)”中的dataItem.headerId就是传入的值，dataItem.orderNumber是本字段要显示的值，写在后面，如图所示
这里写图片描述

2、第二个页面获取参数

var headerId ='${RequestParameters.headerId!0}';

上面就获取到第一个页面传过来的headerId

HAP前端——两个页面之间传值

猜你喜欢