easyui的弹出框上有工具栏(上方)和按钮栏(下方),
工具栏的按钮默认靠左,自己没找到调整位置的属性。
为了在右上角放一个关闭按钮,只能使用easyui的属性自定义一个工具栏,主要的实现为:

  1. 创建一个div作为工具栏,在div中放要显示的按钮,按钮在div中向右靠齐

  2. 在弹窗框div中添加属性

     data-options="toolbar:'#tb'"
    

代码如下:

 <div >
        <div   >
           <pre >
           </pre>
        </div>
 </div>

<div >
    <a href="javascript:closeDialog()" class="l-btn" >关闭</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栏中扣去吧

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-09-02
  • 2022-12-23
  • 2022-03-07
  • 2022-12-23
  • 2021-07-23
猜你喜欢
  • 2022-12-23
  • 2022-01-05
  • 2022-02-27
  • 2021-06-10
  • 2021-08-06
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案