dwz 个人学习笔记(三)dialog弹出框,最小化,弹出位置,dialog中刷新dialog

最近由于项目需要,使用JS控制最小化,和弹出位置。情景是:在某个位置打开一个dialog的同时,关闭制定的弹窗。

为了使用方便,我简单封装了一下,有需要的可以直接用,希望在自己学习的同时,可以帮到大家。

在dwz.dialog.js 添加以下代码:

       /***
         * 跟据弹窗的唯一id,最小化窗口
         * @param dialog dialogId
         * 2017.09.06_JYH
         */
        minimizeDialog:function(dialog){
            if(typeof dialog == 'string') dialog = $("body").data(dialog);
            $(dialog).hide();
            $("div.shadow").hide();
            var task = $.taskBar.getTask($(dialog).data("id"));
            //alert(task.position().left);
            $(".resizable").css({
                top: $(dialog).css("top"),
                left: $(dialog).css("left"),
                height:$(dialog).css("height"),
                width:$(dialog).css("width")
            }).show().animate({top:$(window).height()-60,left:task.position().left,width:task.outerWidth(),height:task.outerHeight()},250,function(){
                $(this).hide();
                $.taskBar.inactive($(dialog).data("id"));
            });
        },
        /**
         * 改变弹窗弹出位置
         * @param removal_left 距离左边的位置。如:100
         * @param removal_top  距离上边的位置。如:100
         * 2017.09.06_JYH
         */
        changeDialogPopPosition:function(removal_left,removal_top){
            $.pdialog.resizeDialog({style: {left: removal_left, top: removal_top}}, $.pdialog.getCurrent(), "w");
            $.pdialog.resizeDialog({style: {left: removal_left, top: removal_top}}, $.pdialog.getCurrent(), "n");
        },



       /**
         * dialog中刷新dialog的方法
         *  @param dialogId
         */
        reloadDialog:function(dialogId){
            var dialog = $("body").data(dialogId);
            if(dialog){
                $.pdialog.reload(dialog.data("url"),{dialogId:dialogId});
            }
        },

用法实例:

//弹出位置的调整

    $.pdialog.open("url", "dialog","轨迹", {
                                width : 400,
                                height : 200,
                                data : {
                                  a:A
                                }
                            });

//在打开弹窗的后面加上就好

  $.pdialog.changeDialogPopPosition(930,170);

//根据dialog的Id最小化弹窗

function mindialog(){
    var dialogId="openShipInfo";
    $.pdialog.minimizeDialog(dialogId);
}

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值