EasyUI Dialog 对话框去掉关闭按钮

最新推荐文章于 2023-03-15 21:09:19 发布

笑虾

最新推荐文章于 2023-03-15 21:09:19 发布

阅读量2k

点赞数

分类专栏： JavaScript 文章标签： easyui javascript 关闭按钮隐藏 Dialog

大家好，我是笨笨，笨笨的笨，笨笨的笨，转载请注明出处，谢谢！

本文链接：https://blog.csdn.net/jx520/article/details/125332057

版权

JavaScript 专栏收录该内容

80 篇文章 19 订阅

订阅专栏

EasyUI Dialog 对话框隐藏关闭按钮

当我们在使用 EasyUI Dialog 对话框 时，有时想禁止用户关闭窗口。

只要加上 closable 参数就行了。Dialog 上没有这个参数，是从 Window 继承来的。

$('#dlg').dialog({
	closable: false
});

看个全景
在这里插入图片描述

$("#dlg").dialog({ 
    // 窗口标题
    title : '《笑虾》 作者：笑虾',
    // 不允许关闭
    closable: false,
    // 模态窗口
    modal: true,
    // 按钮
    buttons: [{
        text: '确定',
        modal: true,  // 模态窗口
        handler: function(){ alert('您点击了【确定】') }
    },{
        text:'关闭',
        handler: function(){
            alert('您点击了【关闭】');
            $("#dlg").dialog('destroy'); // 销毁 #dlg 这个元素。
        }
    }],
    // 窗口打开后触发
    onOpen: function(){ 
        $(this).dialog('body').html("天上游龙水中蛟，不羡高飞入云霄。<br/>生来无事终天笑，未曾到老先弯腰。")
    }
});