问题描述
- easyui中弹出dialog时，更改弹出的位置
-
easyui中弹出dialog时，更改弹出的位置
绝对位置可以通过设置top和left属性。但是如果想更具某个按钮的位置进行弹出，不知道该怎么办啊。请各位大神赐教？
我在js中这样设置不行
$("#dialogDiv").offset({top:100,left:0});
解决方案
终于解决了，还是我自己来回答吧。
在弹出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});
解决方案二：
$('#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: ''
});