easyui自定义工具栏

easyui自定义工具栏

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

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

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

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

代码如下:






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栏中扣去吧

posted @ 2017-12-13 19:14  别离的岁月  阅读(1557)  评论(0)    收藏  举报