因为是第一次接触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. jQuery 中的 unbind() 方法

    jQuery 中的 unbind() 方法是 bind() 方法的反向操作,从每一个匹配的元素中删除绑定的事件. 语法结构: unbind([type][, data]); type是事件类型,dat ...

  2. leetcode 之Implement strStr()（27）

    字符串的匹配,返回匹配开始的位置,直接用暴力方式求解.为了更快的匹配,定义一个指针表示待匹配的字符串的长度,当长度不足时,可 直接停止匹配. char *strStr(char *haystack, ...

  3. 稍微谈一下 javascript 开发中的 MVC 模式

    随着前台开发日益受到重视,客户端代码比重日益增加的今天,如何在javascript开发里应用MVC模式,这个问题似乎会一直被提到,所以偶在这里粗略的谈一下自己的看法吧. MVC模式的基本理念,是通过把 ...

  4. jquery实现页面加载时删除特定class 的div内前三个字符

    jQuery(document).ready(function(){        jQuery("div.groupheader").each(function(){ $(thi ...

  5. (error) DENIED Redis is running in protected mode because protected mode is enabled

    在通过Java程序链接配置好的redis服务时出现 DENIED Redis is running in protected mode because protected mode is enable ...

  6. .Net WebAPI 增加Swagger

    第一部分:创建项目 选择Web/ASP.NET Web Application 这里我选择的是WebAPI,并且增加MVC和Web API,权限部分选择无权限 第二部分:增加EF连接 因为项目需要连接 ...

  7. HDU 5514.Frogs-欧拉函数 or 容斥原理

    Frogs Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/Others)Total Submi ...

  8. 并发系列1----大白话聊聊Java并发面试问题之volatile到底是什么？【石杉的架构笔记】

  9. mysql索引之七：组合索引中选择合适的索引列顺序

    组合索引(concatenated index):由多个列构成的索引,如create index idx_emp on emp(col1, col2, col3, ……),则我们称idx_emp索引为 ...

  10. java中byte取值范围为什么是 -128到127

    概念:java中用补码表示二进制数,补码的最高位是符号位,最高位为“0”表示正数,最高位为“1”表示负数.正数补码为其本身:负数补码为其绝对值各位取反加1:例如:+21,其二进制表示形式是000101 ...