DWZ-Dialog调整位置

这篇博客介绍了如何使用DWZ框架调整Dialog窗口的位置。通过示例代码展示了如何设置Dialog的坐标,以及如何通过`$.pdialog.resizeDialog`方法进行调整。此外,还提供了DWZ Dialog的源码片段,展示了一些关键函数的实现,如`open`、`resizeDialog`等,以帮助理解Dialog的定位逻辑。
摘要由CSDN通过智能技术生成
DWZ调整窗口的位置

var  url = "${ctx}/pages/CsEarlyDetail/contactInfo.do?csPerson.customerId=${csPerson.customerId}";
var options ={mixable:true,minable:true,resizable:true,drawable:true,max:false,mask:false,width:"900",height:"250",close:doClose()};
$.pdialog.open(url,"detailDialog","详情",options);
//阴影位置显示不对
//$.pdialog.resizeDialog({style: {left: 550, top: 290}}, $.pdialog.getCurrent(), "w");
$.pdialog.resizeDialog({style: {left: 550, top: 290}}, $.pdialog.getCurrent(), "w");
$.pdialog.resizeDialog({style: {left: 550, top: 290}}, $.pdialog.getCurrent(), "n");


DWZ Dialog 源码

/**
 * @author Roger Wu
 * reference:dwz.drag.js, dwz.dialogDrag.js, dwz.resize.js, dwz.taskBar.js
 */
(function($){
       $.pdialog = {
              _op:{height:300, width:580, minH:40, minW:50, total:20, max:false, mask:false, resizable:true, drawable:true, maxable:true,minable:true,fresh:true},
              _current:null,
              _zIndex:42,
              getCurrent:function(){
                     return this._current;
              },
              reload:function(url, options){
                     var op = $.extend({data:{}, dialogId:"", callback:null}, options);
                     var dialog = (op.dialogId && $("body").data(op.dialogId)) || this._current;
                     if (dialog){
                           var jDContent = dialog.find(".dialogContent");
                           jDContent.ajaxUrl({
                                  type:"POST", url:url, data:op.data, callback:function(response){
                                         jDContent.find("[layoutH]").layoutH(jDContent);
                                         $(".pageContent", dialog).width($(dialog).width()-14);
                                         $(":button.close", dialog).click(function(){
                                                $.pdialog.close(dialog);
                                                return false;
                                         });
                                         if ($.isFunction(op.callback)) op.callback(response);
                                  }
                           });
                     }
              },
              //打开一个层
              open:function(url, dlgid, title, options) {
                     var op = $.extend({},$.pdialog._op, options);
                     var dialog = $("body").data(dlgid);
                     //重复打开一个层
                     if(dialog) {
                           if(dialog.is(":hidden")) {
                                  dialog.show();
                           }
                           if(op.fresh || url != $(dialog).data("url")){
                                  dialog.data("url",url);
                                  dialog.find(".dialogHeader").find("h1").html(title);
                                  this.switchDialog(dialog);
                                  var jDContent = dialog.find(".dialogContent");
                                  jDContent.loadUrl(url, {}, function(){
                                         jDContent.find("[layoutH]").layoutH(jDContent);
                                         $(".pageContent", dialog).width($(dialog).width()-14);
                                         $("button.close").click(function(){
                                                $.pdialog.close(dialog);
                                                return false;
                                         });
                                  });
                           }

                     } else { //打开一个全新的层

                           $("body").append(DWZ.frag["dialogFrag"]);
                           dialog = $(">.dialog:last-child", "body");
               
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值