easyui 更改dialog弹出的位置

Posted 猪脚踏浪

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了easyui 更改dialog弹出的位置相关的知识,希望对你有一定的参考价值。

方法一:

在弹出dialog的时候不用$(‘#dialogDiv‘).dialog(‘open‘);打开。用$(‘#dialogDiv‘).window(‘open‘);打开。再用window的resize方法重新布局就可以了。
类似:
var top = $("#struBtn").offset().top + 30;
var left = $("#struBtn").offset().left;
$(‘#dialogDiv‘).window(‘open‘).window(‘resize‘,{width:‘250px‘,height:‘500px‘,top: top,left:left});

 

方法二:

dialog有两个属性left和top,你可以用他们控制dialog初始的页面所在位置用法跟title等属性一样
$(‘#dlg‘).dialog({
title: FullBdName + ‘->‘ + RoomName + ‘→详情‘,
width: 935,
height: 500,
closed: false,
cache: false,
collapsible: true,
maximizable: true,
resizable: true,
shadow: true,
left: 150,
top:50,
//href: ‘/ShowData.aspx?RoomID=‘ + rowIndex,
modal: true,
content: ‘‘
});

以上是关于easyui 更改dialog弹出的位置的主要内容,如果未能解决你的问题,请参考以下文章

easyui layout 在west部分弹出的dialog只遮罩west部分,怎样才能遮罩整个页面呢

easyui dialog弹窗问题

easyui打开dialog后给弹出框内输入框赋值问题

easyui a页面引入b页面的一个dialog,点击a页面中的一个按钮,弹出b页面的dialog,且显示在页面中间

在jsp中加入easyui-dialog作为弹出框,点击按钮无法弹出easyui-dialog框

Jquery EasyUI的Dialog 怎么在iframe中弹出和不在iframe中弹出一样在窗口最顶层?