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

Posted 2023-04-06

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 参考技术A dialog有两个属性left和top，你可以用他们控制dialog初始的页面所在位置用法跟title等属性一样本回答被提问者采纳 参考技术B 通过position 属性来定位 你可以查看底层
下边介绍为居中
$("xx").dialog(
width: 900,
height: 500,
modal: true,
resizable: false,
position: my: "center top", at: "center top", of: window
);

望采纳! 参考技术C 设置div的样式，在style中调整left,top,right,bottom等等这些css属性就可以了· 参考技术D dialog 有left和top属性，你自己调试一下就行

jquery easyui 中dialog怎么关闭对话框

参考技术A <div id="dd" class="easyui-dialog" style="padding:5px;width:400px;height:200px;"
            title="My Dialog" iconCls="icon-ok"
            toolbar="#dlg-toolbar" buttons="#dlg-buttons">
        Dialog Content.
</div>
......
<a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dd').dialog('close')">Cancel</a>

本回答被提问者采纳