easyui框架中关于dialog自带关闭事件的使用

最新推荐文章于 2023-09-13 14:19:52 发布

weixin_34235457

最新推荐文章于 2023-09-13 14:19:52 发布

阅读量470

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sguozeng/p/9230380.html

版权

easyui是一个开源的第三方控件库，虽然使用比较方便，但其中有些事件和样式会与其他的控件或者框架形成冲突。

今天谈一下easyui 中dialog这个控件（对话框）

easyui dialog一般在使用时，创建一个div，赋予它easyui-dialog的属性

但是，dialog默认是打开的，需要再页面加载时，手动进行一次关闭（以前一直是这样使用的，但发现这样很傻很天真）

其实，细看dialog的属性，可以看出，dialog在进行初始化或者进行定义时，他默认有个属性 closed时可以进行控制开关的

$("#queryBar").dialog({closed:true});

其次，是easyui dialog中自带的右上角的关闭按钮，有时候需要人工进行干预

这时，可以使用

$("#queryBar").dialog({
        onClose: function () {
            $("#projectQuery").css("right", "-1000px");
        }
    });

转载于:https://www.cnblogs.com/sguozeng/p/9230380.html

关注