2 lishumin33 lishumin33 于 2014.07.01 17:29 提问

easyui中弹出dialog时,更改弹出的位置

easyui中弹出dialog时,更改弹出的位置
绝对位置可以通过设置top和left属性。但是如果想更具某个按钮的位置进行弹出,不知道该怎么办啊。请各位大神赐教?
我在js中这样设置不行
$("#dialogDiv").offset({top:100,left:0});

4个回答

lishumin33
lishumin33   2014.07.01 19:54

终于解决了,还是我自己来回答吧。
在弹出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});

jeffrey9061
jeffrey9061   2015.08.06 12:29

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: ''
});

aosica321
aosica321 回复aosica321: $('#dlg').dialog('open').dialog('setTitle','Edit User');
20 天之前 回复
aosica321
aosica321 感谢楼主让我解决了“需要设置dialog一直在最顶层的问题"。没这样做之前是按照官方demo下边这么写的一直不在最前面,照你这么设置其中某些参数果然效果了:
20 天之前 回复
qq_31347475
qq_31347475 有效,谢谢分享!
3 个月之前 回复
dong281055686xin
dong281055686xin   2015.04.09 11:54

$('#dialogDiv').window('open').window('resize',{width:'250px',height:'500px',top: top,left:left});
太好了用到了

wj13314
wj13314   2017.10.23 17:20

刚刚用到了,感谢楼主分享

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!