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

2024-12-12 01:58:13
推荐回答(5个)
回答1:

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,会显示在左上角。

参考:http://www.jeasyui.com/documentation/index.php

回答2:

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

回答3:

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

望采纳!

回答4:

设置div的样式,在style中调整left,top,right,bottom等等这些css属性就可以了·

回答5:

dialog 有left和top属性,你自己调试一下就行