显示弹出窗口或视图，并将在新窗口中输入的值分配回调用视图 [英] Display a pop up window or view and assign values entered in new windows back to calling view
本文介绍了显示弹出窗口或视图，并将在新窗口中输入的值分配回调用视图的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有一个视图，其中我有< input type =Button>，点击此按钮我想要出现新的窗口/视图，它应该显示记录集（可以来自数据库）并且用户可以在一组数据中进行选择。
选择的数据应该在调用视图中填充。
我不知道采取哪种方法。请建议。
解决方案
这个适用于Internet Explorer：
page1.html
< html >
< head >
< script type = text / javascript >
function openscr （）
{
var scr = window.open（page2.html，_ blank，toolbar = no，scrollbars = yes，resizable = yes，addressbar = no，width = 350，height = 300\" ）;
timer = window.setInterval（function（）{scr_closed（scr）}，1000）;
}
function scr_closed（scr）{
if（scr.closed）{
window.clearInterval（timer）;
document.getElementById（txtname）。value = ret_val;
}
}
< / script >
< / head >
< 正文 >
< 输入 type = text id = txtname / >
< < span class =code-leadattribute> in put type = 按钮 value = 点击我 onclick = openscr（）; / >
< / body >
page2.html
< html >
< hea d >
< script type = text / javascript >
函数return_values（）{
window。 opener.ret_val = document.getElementById（myname）。value;
self.close（）;
返回false;
}
< / script >
< / head >
< body >
输入您的姓名< 输入 类型 = text id = myname / >
< inpu t type = 按钮 value = ok onclick = return return_values（）; / >
< / body >
您可以实施这与jquery还：
https://jqueryui.com/dialog/#modal-form [ ^ ]
I have a view in which i have <input type="Button">, on the click of this button i want that new window/view will appear and it should display set of records (can be from database) and user may choose among set of data.
selected data should be populated back in calling view.
I am not sure which approach to take for this. please suggest.解决方案This one works fine with internet explorer :
page1.html
<html> <head> <script type="text/javascript"> function openscr() { var scr = window.open("page2.html", "_blank", "toolbar=no, scrollbars=yes, resizable=yes,addressbar=no, width=350, height=300"); timer = window.setInterval(function () { scr_closed(scr) }, 1000); } function scr_closed(scr) { if (scr.closed) { window.clearInterval(timer); document.getElementById("txtname").value= ret_val; } } </script> </head> <body> <input type="text" id="txtname" /> <input type="button" value="Click me" onclick="openscr();"/> </body>
page2.html
<html> <head> <script type="text/javascript"> function return_values() { window.opener.ret_val = document.getElementById("myname").value; self.close(); return false; } </script> </head> <body> Enter Your Name <input type="text" id="myname" /> <input type="button" value="ok" onclick=" return return_values();"/> </body>
You can implement this with jquery also :
https://jqueryui.com/dialog/#modal-form[^]
这篇关于显示弹出窗口或视图，并将在新窗口中输入的值分配回调用视图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
