例如我们点击一个按钮,然后弹出我们需要的Window控件窗口。
1 //点击按钮 2 var _testWindow = window.top.$(\'testWindow\'); 3 $(\'#testButton\').click(function(){ 4 if(_testWindow.length <= 0) { 5 _testWindow = window.top.$("<div id=\'testWindow\'/>").appendTo(window.top.document.body); 6 } 7 _testWindow.window({ 8 title: "test", 9 href: "/test/navigateServlet?viewName=test", 10 width: 650, 11 height: 400, 12 closed: false, 13 onClose : function(){ 14 _testWindow.window("destroy"); 15 } 16 }); 17 });
其中解决的思路是,我们弹出框的div元素动态添加在*的window的Body中。
window.top.$("<div id=\'testWindow\'/>").appendTo(window.top.document.body);