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


评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值