两个页面的交互：
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>
弹出一个tip。第二个参数是停留时间（秒）
- <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);
- };
另外，artdialog弹窗的方法，似乎记得是，art.dialog.close();，可以却不行。
- var myDialog= $.dialog({title: "标题",content: “内容”});
- $("#btnEdite").click(function(){
- myDialog.close();
- });
这种才行。
要改变已经打开的窗口标题，以上面一个声明的窗口举例，myDialog.title("你好");