因为是第一次接触Easy UI，还不是非常熟悉，尝试了一下对话框功能，还是非常不错的。但问题是页面载入完毕后。全部的对话框都自己主动弹出来了，百度了好久，也没有详细说明确的，貌似别人都没有这个问题哦

下面是Easy UI 官方提供的演示样例（页面载入完毕后对话框自己主动弹出）

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Basic Dialog - jQuery EasyUI Demo</title>

    <link rel="stylesheet" type="text/css" href="./jquery-easyui-1.4/themes/default/easyui.css">

    <link rel="stylesheet" type="text/css" href="./jquery-easyui-1.4/themes/icon.css">

    <script type="text/javascript" src="./jquery-easyui-1.4/jquery.min.js"></script>

    <script type="text/javascript" src="./jquery-easyui-1.4/jquery.easyui.min.js"></script>

</head>

<body>

    <h2>Basic Dialog</h2>

    <p>Click below button to open or close dialog.</p>

    <div style="margin:20px 0;">

        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog('open')">Open</a>

        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog('close')">Close</a>

    </div>

    <div id="dlg" class="easyui-dialog" title="Basic Dialog" data-options="iconCls:'icon-save'" style="width:400px;height:200px;padding:10px">

        The dialog content.

    </div>

</body>

</html>

下面是Easy UI 官方文档介绍的Dialog的属性(但当中并没有关于状态的信息)

但在该演示样例中却加入一个closed属性

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd2FuZ2xlaTk4NzY=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

于是我在自己的演示样例代码中也增加了该属性

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Basic Dialog - jQuery EasyUI Demo</title>

    <link rel="stylesheet" type="text/css" href="./jquery-easyui-1.4/themes/default/easyui.css">

    <link rel="stylesheet" type="text/css" href="./jquery-easyui-1.4/themes/icon.css">

    <script type="text/javascript" src="./jquery-easyui-1.4/jquery.min.js"></script>

    <script type="text/javascript" src="./jquery-easyui-1.4/jquery.easyui.min.js"></script>

</head>

<body>

    <h2>Basic Dialog</h2>

    <p>Click below button to open or close dialog.</p>

    <div style="margin:20px 0;">

        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog('open')">Open</a>

        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog('close')">Close</a>

    </div>

    <div id="dlg" class="easyui-dialog" title="Basic Dialog" data-options="iconCls:'icon-save',closed:true" style="width:400px;height:200px;padding:10px">

        The dialog content.

    </div>

</body>

</html>

果然攻克了刚才遇到的问题，后来才发现。原来closed属性是在window中定义的。而dialog是window的一种扩展，自然也包括这个属性。

The properties extend from window, below is the overridden properties for dialog.

新手遇到的问题：Easy UI的对话框老是在页面载入完毕后自己主动弹出的更多相关文章

  1. easy ui 1.4的NumberBox，失去焦点后不能再次输入小数点

    这也是1.4版本的bug,现在1.4.1也发布了,经验证,该问题在新版本中已经解决了 在网上找到的解决办法,地址:http://www.jeasyui.com/forum/index.php?topi ...

  2. 打开网页自动弹出QQ对话框的实现办法

    Ian今天偶然进入一个公司的企业网站,然后QQ聊天窗口这里马上就弹出与那个公司客服聊天的窗口.怀着好奇的心态,Ian分析了该公司的网站源码,发现了实现网页弹出qq对话框的原理与实现方法,相信此时此刻你 ...

  3. easy ui 框架

    Easy UI 准备工作(搭建) 1.在WebRoot 的目录下创建js 文件夹,在文件夹中倒入一下两个包 Jquery.easyui.min.js jquery.min.js 2.在WebRoot ...

  4. ASP.MVC EASY UI 入门之 —— Tree & ComboTree

    1.常规的EASY UI的tree和comboTree代码基本是官方的DEMO都有的,虽然很简单,但是还是要实践的做一次,才能更清晰的了解和使用它!先上效果图 因为用的是code first,所以数据 ...

  5. JQuery Easy Ui （Tree树）详解（转）

    第一讲:JQuery Easy Ui到底是什么呢? 首先咱们知道JQuery是对Java Script的封装,是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等.. JQuery ui是在j ...

  6. 让Easy UI 的DataGrid直接内嵌的JSON对象，并重写form load 方法

    前言 我有这样的JSON对象 { "UserName": "jf", "UserPwd": "123456", &quo ...

  7. 7个jquery easy ui 基本组件图解

    以下给出7个jquery easy ui 基本组件: 1 基本面板 <!DOCTYPE html> <html> <head> <meta charset=& ...

  8. JQuery Easy UI 1.7官网最新版附1.7API

    最新的Easy UI 1.7包括1.7的API已上传至百度云盘,有需要的,请自行下载!!! 使用示例: 注:红色加粗的必须引入!!! <!DOCTYPE html> <html> ...

  9. Struts2 easy UI插件

    一.easy UI是类似于jQuery UI的插件库,它提供了丰富的各种常用插件:tree.datagrid... tree插件: 语法:$(selector).tree([settings]); 常 ...

随机推荐

  1. MiCode 40: 找小“3”

    题目链接 这道题真的是zjb恶心, 看其起来像是个数位dp, 然而我并不会数位dp.然后就xjb乱写了个雷类似于动态规划的玩意, 然后调出了\(9\times 9 = 81\)种Bug, 终于过了. ...

  2. 6：django 通用视图

    上一节我们介绍了django视图函数里面几个常用的函数,这节我们来看一下django为我们提供的一些通用视图吧 在最后面有我自己的示例代码,html部分太多了就不贴了 “简单”视图函数 正如名字所言, ...

  3. 关于springMVC转换json出现的异常

    jackson-core-asl-1.9.0.jar,jackson-mapper-asl-1.9.0.jar两个包 并且在controller中有如下代码 @RequestMapping(value ...

  4. P2725 邮票 Stamps（完全背包+限制填充数）

    题目链接:https://www.luogu.org/problem/show?pid=2725 题目大意:给一组 N 枚邮票的面值集合(如,{1 分,3 分})和一个上限 K —— 表示信封上能够贴 ...

  5. 通过第三方组件NPOI读取Excel的方法

    public class ExcelHelper { public class x2003 { #region Excel2003 /// <summary> /// 将Excel文件中的 ...

  6. electron调用C#应用程序实现串口通信

    最近转入零售行业开发了一系列产品,包含便利店收银软件.会员系统.供应链系统.为了追赶潮流,收银软件使用了electron平台开发,界面效果.开发效率确实不错:但是涉及到串口通讯时遇到了麻烦,elect ...

  7. Lucene.Net无障碍学习和使用：索引篇

    一.简单认识索引 Lucene.Net的应用相对比较简单.一段时间以来,我最多只是在项目中写点代码,利用一下它的类库而已,对很多名词术语不是很清晰,甚至理解 可能还有偏差.从我过去的博客你也可以看出, ...

  8. HDU 4607.Park Visit-树的直径(BFS版)+结论公式(乱推公式)-备忘(加油！)

    Park Visit Time Limit: 6000/3000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total ...

  9. MediaPlayer滑动不准的问题

    因为MediaPlayer在seekto是异步进行的,如果在滑动过程中暂停,会导致滑动不准确的情况,这时候就需要添加滑动完成的监听即setOnSeekCompleteListener

  10. CodeForces 809D Hitchhiking in the Baltic States（FHQ-Treap）

    题意 给你长度为$n$的序列,序列中的每个元素$i$有一个区间限制$[l_i,r_i]$,你从中选出一个子序列,并给它们标号$x_i$,要求满足 $,∀i<j,x_i<x_j$,且$, ∀ ...