javascript - 在 ASP.NET MVC 4 View 中将数据从父窗口传递到弹出(子)窗口

Question

目前，我被要求使用 ASP.NET MVC 构建一个表单，其要求是:

1. 该表单具有用于插入姓名、性别和出生日期等数据的文本框。
2. 点击提交按钮后，会出现一个弹出窗口。
3. 父窗口表单中的所有数据都传输到弹出窗口(子窗口)，其 View 与父窗口完全相同。
4. 父窗口和弹出窗口之间的区别在于，弹出窗口中的文本框必须被禁用，同时仍然保留父窗口中的数据值，而且，我必须删除弹出窗口中的“查看”按钮.
5. 父窗口和弹出窗口都必须只有一个 CSHTML 文件。(例如，不允许使用parent.cshtml 和 popup.cshtml)

这里有一些图片来说明我想要的内容:

预期 View : Image 1

这是我的代码

//Centering the popup window, Code from https://stackoverflow.com/questions/4068373/center-a-popup-window-on-screen
  function popUp(url, title, w, h) {
    var dualScreenLeft = window.screenLeft != undefined ? window.screenLeft : screen.left;
    var dualScreenTop = window.screenTop != undefined ? window.screenTop : screen.top;

    var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
    var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;

    var left = ((width / 2) - (w / 2)) + dualScreenLeft;
    var top = ((height / 2) - (h / 2)) + dualScreenTop;
    var newWindow = window.open(url, title, 'scrollbars=yes, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);

    // Puts focus on the newWindow
    if (window.focus) {
      newWindow.focus();
    }
  } 

<form method="post">
  <div>
    Name:
    <input type="text" name="textName" id="txt" value="" />
  </div>
  <div>
    Gender:
    <input type="radio" name="gender" value="female" /> Male
    <input type="radio" name="gender" value="male" /> Female
  </div>
  <div>
    DOB:
    <input type="date" name="tanggal" id="txtDate" />

  </div>
  <div id="divSubmit">
    <input type="submit" value="View" id="submit" onclick="popUp('Index.html','Index','900','500'); return false;" />
  </div>
</form>

这是上面代码的结果 View :

结果 View :Image 2

非常感谢任何建议和帮助!

Answer 1

您可以在window.open之后添加此代码。

newWindow.onload = function () {
    this.document.getElementById('txtPopup').value = document.getElementById('txt').value;
}

替换txtPopup，你必须输入弹出窗口的输入的id。