easyui的弹出框上有工具栏（上方）和按钮栏（下方）， 工具栏的按钮默认靠左，自己没找到调整位置的属性。 为了在右上角放一个关闭按钮，只能使用easyui的属性自定义一个工具栏，主要的实现为：
创建一个div作为工具栏，在div中放要显示的按钮，按钮在div中向右靠齐在弹窗框div中添加属性
data-options="toolbar:'#tb'"代码如下：
<div id="editDialog" style="overflow: auto; overflow-x: auto;" data-options="toolbar:'#tb'"> <div id="box" > <pre id="showMessage" style="font-size: 15px"> </pre> </div> </div> <div id="tb" class="dialog-button2" style="background:#f2f4f6; height: 30px"> <a href="javascript:closeDialog()" class="l-btn" id="" style="float: right; margin-right: 2px ; vertical-align: middle"><span class="l-btn-left"><span class="l-btn-text">关闭</span></span></a> </div>js代码如下：
function editRemind(editId) { $('#editDialog').dialog({ width: 1000, height: 700, title: '异常详细信息', modal: true, /* toolbar:[{ text:'关闭' }],*/ /* buttons: [{ text: '关闭', handler: function () { $('#editDialog').dialog('close'); } }],*/ onBeforeOpen:function(){ }, onOpen:function(){ $('#showMessage').text('hello world'); }, cache: false }); }为了工具栏好看点，样式都去easyui封装好的toolbar和buttons栏中扣去吧
转载于:https://www.cnblogs.com/jinxiuze/p/8034497.html
