提交表单数据到新打开的页面中

最新推荐文章于 2024-04-21 15:12:33 发布

Man_Humble

最新推荐文章于 2024-04-21 15:12:33 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： grid++ MVC 文章标签： .net mvc 表单页面传值 post

本文链接：https://blog.youkuaiyun.com/wcj920946195/article/details/51784682

grid++ 同时被 2 个专栏收录

2 篇文章

订阅专栏

MVC

2 篇文章

订阅专栏

本文展示了如何在.NET MVC框架下，通过表单提交将数据传递到新打开的打印页面。控制器和打印页面的代码示例分别说明了这一过程，强调若后台不处理参数，直接新窗口传递意义不大。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文以grid++report在.net（mvc）中的简单应用介绍了表单数据提交到新打开页面中的方法。

需要打印页面：

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>TreeDemo</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/easyui")
    <script type="text/javascript">
        $(function () {
            $("#print").click(function () {
                //方法1：
                window.open("/GridPrintTest/Index");
                //方法二：
                //frmExport.submit();
            });
        })
    </script>
</head>
<body>
    <div >
        <input id="print" type="button" title="打印" value="打印" />
    </div>
    <form id="frmExport" action="/GridPrintTest/Index" method="post" target="_blank" style="display:none;">
        <input type="text" id="report" name="txtReport" value="/Report/wcjGridTest.grf" />
        <input type="text" id="action" name="txtAction" value="getDataForReport" />
        <input type="text" id="controller" name="txtController" value="GridPrintTest" />
    </form> 
</body>
</html>

控制器：

    public class GridPrintTestController : Controller
    {
        //初始化打印页面action
        public ActionResult Index()
        {
            //方法二：
            //ViewBag. report = Request.Form["txtReport"].ToString();
            //ViewBag.action = Request.Form["txtAction"].ToString();
            //ViewBag.controller = Request.Form["txtController"].ToString();
            return View();
        }
        //获取要打印的数据action
        public ActionResult getDataForReport()
        {
             return Content(OracleHelper.Query("select * from NS_FEEDBACK_TYPE_DIC").GetXml());
        }
    }
}

打印页面：

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <script src="~/Report/CreateControl.js" type="text/javascript"></script>
    <style type="text/css">
        html, body {
            margin: 0;
            height: 100%;
        }
    </style>
</head>

<body>
    <script type="text/javascript">
        //方法1：
        var opener = window.opener.document;
        var reportModelUrl = opener.getElementById("report").value;
        var action = opener.getElementById("action").value;
        var controller = opener.getElementById("controller").value;
        CreatePrintViewer(reportModelUrl, action, controller);
        //方法二：
        //CreatePrintViewer("@ViewBag.report", "@ViewBag.action", "@ViewBag.controller");
    </script>
</body>
</html>