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

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

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Basic Dialog - jQuery EasyUI Demo</title>
  6.     <link rel="stylesheet" type="text/css" href="./jquery-easyui-1.4/themes/default/easyui.css">
  7.     <link rel="stylesheet" type="text/css" href="./jquery-easyui-1.4/themes/icon.css">
  8.  
  9.     <script type="text/javascript" src="./jquery-easyui-1.4/jquery.min.js"></script>
  10.     <script type="text/javascript" src="./jquery-easyui-1.4/jquery.easyui.min.js"></script>
  11. </head>
  12. <body>
  13.     <h2>Basic Dialog</h2>
  14.     <p>Click below button to open or close dialog.</p>
  15.     <div style="margin:20px 0;">
  16.         <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog('open')">Open</a>
  17.         <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog('close')">Close</a>
  18.     </div>
  19.     <div id="dlg" class="easyui-dialog" title="Basic Dialog" data-options="iconCls:'icon-save'" style="width:400px;height:200px;padding:10px">
  20.         The dialog content.
  21.     </div>
  22. </body>
  23. </html>

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

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

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

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

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Basic Dialog - jQuery EasyUI Demo</title>
  6.     <link rel="stylesheet" type="text/css" href="./jquery-easyui-1.4/themes/default/easyui.css">
  7.     <link rel="stylesheet" type="text/css" href="./jquery-easyui-1.4/themes/icon.css">
  8.  
  9.     <script type="text/javascript" src="./jquery-easyui-1.4/jquery.min.js"></script>
  10.     <script type="text/javascript" src="./jquery-easyui-1.4/jquery.easyui.min.js"></script>
  11. </head>
  12. <body>
  13.     <h2>Basic Dialog</h2>
  14.     <p>Click below button to open or close dialog.</p>
  15.     <div style="margin:20px 0;">
  16.         <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog('open')">Open</a>
  17.         <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#dlg').dialog('close')">Close</a>
  18.     </div>
  19.     <div id="dlg" class="easyui-dialog" title="Basic Dialog" data-options="iconCls:'icon-save',closed:true" style="width:400px;height:200px;padding:10px">
  20.         The dialog content.
  21.     </div>
  22. </body>
  23. </html>

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

  1. 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. MySQL数据库分表分区（一）（转）

    面对当今大数据存储,设想当mysql中一个表的总记录超过1000W,会出现性能的大幅度下降吗? 答案是肯定的,一个表的总记录超过1000W,在操作系统层面检索也是效率非常低的   解决方案: 目前针对 ...

  2. LeetCode解题报告—— Unique Binary Search Trees & Binary Tree Level Order Traversal & Binary Tree Zigzag Level Order Traversal

    1. Unique Binary Search Trees Given n, how many structurally unique BST's (binary search trees) that ...

  3. 《java并发编程实战》读书笔记13--Java内存模型，重排序，Happens-Before

    第16章 Java内存模型 终于看到这本书的最后一章了,嘿嘿,以后把这本书的英文版再翻翻.这本书中尽可能回避了java内存模型(JMM)的底层细节,而将重点放在一些高层设计问题,例如安全发布,同步策略 ...

  4. Find Minimum in Rotated Sorted Array I&&II——二分查找的变形

    Find Minimum in Rotated Sorted Array I Suppose a sorted array is rotated at some pivot unknown to yo ...

  5. C#发送Post请求，带参数，不带参数，指定参数

    1.不带参数发送Post请求 /// <summary> /// 指定Post地址使用Get 方式获取全部字符串 /// </summary> /// <param na ...

  6. Codeforces 1131 F. Asya And Kittens-双向链表(模拟或者STL list)+并查集(或者STL list的splice()函数)-对不起，我太菜了。。。 (Codeforces Round #541 (Div. 2))

    F. Asya And Kittens time limit per test 2 seconds memory limit per test 256 megabytes input standard ...

  7. VisualStudio 2013 快捷键

    有些快捷键不是默认的,需要插件支持,如Resharper,WebEssentials,VSCommands Ctrl单键系列 Ctrl+Q Quick Info Ctrl+W Extend Selec ...

  8. Luogu P3178 树上操作（树链剖分+线段树）

    题意 见原题 题解 重链剖分模板题 #include <cstdio> #include <algorithm> using std::swap; typedef long l ...

  9. css-移动&缩放元素

    transform 属性向元素应用 2D 或 3D 转换.该属性允许我们对元素进行旋转.缩放.移动或倾斜. 用法:object.style.transform="rotate(7deg)&q ...

  10. [Contest20171006]Subsequence Count

    给定一个01串$S_{1\cdots n}$和$Q$个操作.操作有两种类型:1.将$[l,r]$区间的数取反(将其中的$0$变成$1$,$1$变成$0$).2.询问字符串$S$的子串$S_{l\cdo ...