jquery easyui dialog 如何将对话框，显示在特定的位置？

Question

jquery easyui dialog 如何将对话框，显示在特定的位置？

Answer 1

通过position 属性来定位 你可以查看底层
下边介绍为居中
$("xx").dialog({
width: 900,
height: 500,
modal: true,
resizable: false,
position: { my: "center top", at: "center top", of: window }
});

 

Answer 2

1. Dialog 的配置参数是扩展于Window

Extend from $.fn.window.defaults. Override defaults with $.fn.dialog.defaults.
2. Window的配置参数是扩展于Panel

Extend from $.fn.panel.defaults. Override defaults with $.fn.window.defaults.
3. Panel 的配置参数可以传入覆盖默认
Override defaults with $.fn.panel.defaults.
4. Panel 可以指定位置参数有两个

Name Type Description Default

left
number
Set the panel left position.
null

top
number
Set the panel top position.
null

5. 因此， 可以通过传如left和top指定dialog位置。
如：
$('#dom_div').dialog({
title: 'My Dialog',
left:0,
top:0,
width: 400,
height: 200,
closed: false,
cache: false,
href: 'get_content.php',
modal: true,
});

以上设置了left和top为0，会显示在左上角。

Answer 3

dialog有两个属性left和top，你可以用他们控制dialog初始的页面所在位置用法跟title等属性一样