首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用jquery/C# Razor打开具有相同会话的新窗口

使用jquery/C# Razor打开具有相同会话的新窗口
EN

Stack Overflow用户
提问于 2014-05-06 14:57:24
回答 1查看 1.7K关注 0票数 1

我正在尝试打开一个与当前会话相同的新窗口。我在下面写了一些代码,但还没有成功。

例如,假设我有一个带有标签(名称)、文本框(文本进入的位置)的表单,以及按下按钮时会带我到一个新窗口。

如果我按下按钮,它应该打开一个新窗口,其中包含相同的表单元素和文本框中的文本,如果它是放在前面的话。

另外,请注意,新窗口必须作为浏览器中的一个新选项卡打开,其状态和元素与以前的浏览器相同。

有人对此有什么想法(使用剃刀视图引擎或jquery/javascript)?提前谢谢。

代码语言:javascript
运行
复制
  <label for="Name">Name</label>
  <input type="textbox" value="nothing" id="text" />
  <input type="button" value="press me" id="submitButton" />    


  $(document).ready(function()
  {                      
    $('#submitButton').click(function()
    {
       var currentUrl=document.URL;
       window.open(currentUrl,"newWindow",300);
       event.preventDefault();
    });
  });
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-05-06 15:16:29

您可以通过使用modals而不是弹出窗口来实现这一点。Jquery内置了模态支持:http://jqueryui.com/dialog/

这种方法的优点是不需要将数据传递到单独的页面。使用jQuery对话框,您的模态代码将类似于此。这将与初始输入放在相同的页面上:

代码语言:javascript
运行
复制
<div id="dialog" title="Basic dialog">
    <input type="text" id="popupText" name="popupText" />
</div>

单击事件将修改模态输入并显示模态:

代码语言:javascript
运行
复制
$(document).ready(function(event)
{                      
  $('#submitButton').click(function()
  {
   $("#popupText").val($("#text").val());
   $("#dialog").dialog();
   event.preventDefault();
});

});

这是绝对可以清理的,但我相信它能满足你的需要,非常简单。该对话框可以包含任何html元素,因此您可以在必要时添加一个单独的表单。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23498185

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档