artDialog的使用笔记

两个页面的交互：

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("你好");