两个页面的交互:
A页面:点击上传图片,弹出B页面并传递一个ID过去,
//上传图片 $("#UpImg").click(function() { if($("#ddlHotelList").val()!="-选择酒店-"){ $(this).attr('disabled', false); // 把hotelId传递给图片上传页面 art.dialog.data('hotelId', $("#lblHotelID").html()); // 存储数据 art.dialog.open('/SystemManage/Hotel/ImageUp.aspx', { id: 'AAA', close: function() { var bValue = art.dialog.data('returnHotelId'); // 读取页面返回的数据 if (bValue !== undefined){ alert("我回来了:"+bValue); } } }, false); }
B页面:点击确定按钮,关闭并返回一个参数到主界面。
<title>图片上传</title> <script src="../../js/jquery1.7.0.js" type="text/javascript"></script> <script src="../../WebJs/artDialog/jquery.artDialog.source.js" type="text/javascript"></script> <script src="../../WebJs/artDialog/plugins/iframeTools.source.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ alert("这是从主页过来的酒店ID:"+art.dialog.data('hotelId'));// 获取由主页面传递过来的数据 $("#butOk").click(function(){ art.dialog.data('returnHotelId', art.dialog.data('hotelId'));// 存储数据 art.dialog.close(); }); }) </script>
<script src="../../WebJs/artDialog/jquery.artDialog.source.js" type="text/javascript"></script> <script src="../../WebJs/artDialog/plugins/iframeTools.source.js" type="text/javascript"></script> <script type="text/javascript"> art.dialog.tips("你好","3"); </scipt>
点击“butOK”后返回数据到A页面,可是当用户点击叉叉的时候,就返回不了了。我尝试过如何监听close之类的事件,以让关闭的时候,不论是点击“确定”关闭,还是点击叉叉关闭,都执行相同的程序。可是无果,最后只能用css在页面哪里,把头部的叉叉和标题都隐藏了。.aui_titleBar{ display:none;}
art的tip,要加上下面一段代码才可以显示
/** * 短暂提示 * @param {String} 提示内容 * @param {Number} 显示时间 (默认1.5秒) */ artDialog.tips = function(content, time) { return artDialog({ id: 'Tips', title: false, cancel: false, fixed: true, lock: true, opacity: 0.3 }) .content('<div style="padding: 0 1em;">' + content + '</div>') .time(time || 1.5); };
var myDialog= $.dialog({title: "标题",content: “内容”}); $("#btnEdite").click(function(){ myDialog.close(); });这种才行。
要改变已经打开的窗口标题,以上面一个声明的窗口举例,myDialog.title("你好");