1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.   <head>
  4.     <title>Window（窗口）</title>
  5.     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  6.       <link rel="stylesheet" href="../themes/default/easyui.css" type="text/css"></link>
  7.     <link rel="stylesheet" href="../themes/icon.css" type="text/css"></link>
  8.     <script type="text/javascript" src="../js/jquery.min.js"></script>
  9.     <script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
  10.     <script type="text/javascript" src="../js/easyui-lang-zh_CN.js"></script>
  11.   </head>
  12.   <body>
  13.  
  14.     <input type="button" value="打开窗口1" id="open1"/>
  15.     <input type="button" value="关闭窗口1" id="close1"/>
  16.  
  17.     <div style="margin:600px"></div>
  18.  
  19.     <div id="window1"></div>
  20.  
  21.     <script type="text/javascript">
  22.         //定位打开窗口1按钮，同时添加单击事件
  23.         $("#open1").click(function(){
  24.             //打开窗口1
  25.             $("#window1").window({
  26.                 title : "窗口1",
  27.                 width : 840,
  28.                 height : 150,
  29.                 left : 200,
  30.                 top : 100,
  31.                 minimizable : false,
  32.                 maximizable : false,
  33.                 collapsible : false,
  34.                 closable : false,
  35.                 draggable : false,
  36.                 resizable : true,
  37.                 href : "/js-day06/empList.jsp"
  38.             });
  39.         });
  40.     </script>
  41.  
  42.     <script type="text/javascript">
  43.         //定位关闭窗口1按钮，同时添加单击事件
  44.         $("#close1").click(function(){
  45.             //关闭窗口1
  46.             $("#window1").window("close");
  47.         });
  48.     </script>
  49.  
  50.   </body>
  51. </html>

easyUI之window窗口的更多相关文章

  1. 第二百零三节，jQuery EasyUI，Window(窗口)组件

    jQuery EasyUI,Window(窗口)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 Window(窗口)组件的使用方法,这个组件 ...

  2. echarts的图表根据父容器大小的改变而改变（弹窗easy-ui的window窗口）

    1.echarts的图表只绘制一次,所以要想大小随着父容器变化就得调方法重新绘制.所以把绘制图表的方法提出来. <div class="echart"> <div ...

  3. EasyUI在window中使用kindeditor 4.1.10在IE9中不能回显、获得焦点编辑的问题

    描述 :kindeditor4.1.10版本是当前最新的版本,在浏览器兼容性和功能方面都是值得一赞的,在开发中能方便快捷的满足一些开发需求. 问题 :  问题总是有的.  在使用过程中,遇到EasyU ...

  4. easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    <!-- 父页面 --> <!DOCTYPE html PUBLIC "-/W3C/DTD HTML 4.01 Transitional/EN" "ht ...

  5. 窗口-EasyUI Window 窗口、EasyUI Dialog 对话框、EasyUI Messager 消息框

    EasyUI Window 窗口 扩展自 $.fn.panel.defaults.通过 $.fn.window.defaults 重写默认的 defaults. 窗口(window)是一个浮动的.可拖 ...

  6. easyui window窗口 随body的滚动条 滚动

    问题描述: 当easyui window窗口弹出的时候,依然可以滚动body 的滚动条,而且window窗口也会随它一起滚动 思路:bootstrap 模态框弹出的时候,给body 添加了 .moda ...

  7. jQuery EasyUI window窗口实例

    <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>j ...

  8. （四）EasyUI 使用——form表单2 & window窗口

    form表单组件主要有以下内容(如下图)      6. progressbar进度条  每隔1秒让进度条按随机数填充,直至充满进度条刻度(只能执行一次) 进度条: <div id=" ...

  9. EasyUI笔记（三）Window窗口

    本系列只列出一些常用的属性.事件或方法,具体完整知识请查看API文档 Window(窗口) 窗口控件是一个浮动和可拖拽的面板可以用作应用程序窗口.默认情况下,窗口可以移动,调整大小和关闭.它的内容也可 ...

随机推荐

  1. kubernetes之node隔离与恢复

    需求: 在硬件升级, 硬件维护等情况下, 我们需要将某些node隔离, kubectl cordon <node_name> #禁止pod调度到该节点上, 在其上运行的pod并不会自动停止 ...

  2. Hadoop_29_MapReduce_计数器应用

    在实际生产代码中,常常需要将数据处理过程中遇到的不合规数据行进行全局计数,类似这种需求可以借助mapreduce框架中 提供的全局计数器来实现 示例代码如下: public class MultiOu ...

  3. 2.6. 案例：使用BeautifuSoup4的爬虫

    案例:使用BeautifuSoup4的爬虫 我们以腾讯社招页面来做演示:http://hr.tencent.com/position.php?&start=10#a 使用BeautifuSou ...

  4. YOLO---Darknet下的学习笔记

    YOLO.V3-Darknet下的学习笔记 @wp20180927 [目录] 一. 安装Darknet(仅CPU下) 2 1.1在CPU下安装Darknet方式 2 1.2在GPU下安装Darknet ...

  5. Hdu 4661 树上拓扑序计数

    #include <bits/stdc++.h> using namespace std; typedef long long ll; ; ; ; ], nxt[MAXM << ...

  6. 常量和iota

    定义常量时如果不是必须指定特定类型,可以省略类型,使用默认类型.且数值类型常量(不定义类型)可以直接进行运算 常量的值可以是表达式,但是不允许出现变量 func main() { const a st ...

  7. 【高维前缀和】8.15B. 组合数

    题目分析 没有接触过高维前缀和的话会有一点抽象

  8. .configurable：可配执行 .enumerble：枚举性 .writable:可读写性 .value:数据值

    configurable:控制属性能否被删除,只有当属性的configurable特性的值为true时,该属性才能够被删除. 默认值为false,即不可删除) var person = {}; Obj ...

  9. BZOJ 2049: [Sdoi2008]Cave 洞穴勘测 (LCT维护连通性)

    直接把x设为根,然后查询y所在联通块的根是不是x就行了. CODE #include <cstdio> #include <cstring> #include <algo ...

  10. Gson/Jackson/FastJson工具类

    import java.util.ArrayList; import java.util.List; import java.util.Map; import com.google.gson.Gson ...