EasyUI中Window窗口的简单使用
场景
效果
属性
该属性扩展自面板(panel),下面是为窗口(window)重写和添加的属性。
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
title | string | 窗口的标题文本。 | New Window |
collapsible | boolean | 定义是否显示折叠按钮。 | true |
minimizable | boolean | 定义是否显示最小化按钮。 | true |
maximizable | boolean | 定义是否显示最大化按钮。 | true |
closable | boolean | 定义是否显示关闭按钮。 | true |
closed | boolean | 定义是否关闭窗口。 | false |
zIndex | number | 从其开始增加的窗口的 z-index。 | 9000 |
draggable | boolean | 定义窗口是否可拖拽。 | true |
resizable | boolean | 定义窗口是否可调整尺寸。 | true |
shadow | boolean | 如果设置为 true,当窗口能够显示阴影的时候将会显示阴影。 | true |
inline | boolean | 定义如何放置窗口,当设置为 true 时则放在它的父容器里,当设置为 false 时则浮在所有元素的顶部。 | false |
modal | boolean | 定义窗口是不是模态(modal)窗口。 | true |
事件
该事件扩展自面板(panel)。
方法
该方法扩展自面板(panel),下面是为窗口(window)添加的方法。
名称 | 参数 | 描述 |
---|---|---|
window | none | 返回外部窗口(window)对象。 |
hcenter | none | 水平居中窗口。该方法自版本 1.3.1 起可用。 |
vcenter | none | 垂直居中窗口。该方法自版本 1.3.1 起可用。 |
center | none | 居中窗口。该方法自版本 1.3.1 起可用。 |
实现
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" type="text/css" href="/easyui/themes/icon.css"><link rel="stylesheet" type="text/css" href="/easyui/themes/default/easyui.css"><script type="text/javascript" src="/easyui/jquery.min.js"></script><script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script>
</head>
<body>
<input type="button" value="open" onclick="$('#win1').window('open')">
<input type="button" value="close" onclick="$('#win1').window('close')"><div id="win1" class="easyui-window" title="My Window" style="width:600px;height:400px"data-options="iconCls:'icon-save'"><div class="easyui-layout" data-options="fit:true"><div data-options="region:'north',split:true" style="height:100px"></div><div data-options="region:'center'">The Content.</div></div></div>
</body>
</html>
EasyUI中Window窗口的简单使用相关推荐
- Flink中window 窗口和时间以及watermark水印
我们都知道,Flink的核心是流式处理,但同时也支持批处理,Flink底层是一个流式引擎,在这个上面实现了流处理和批处理,而窗口则是批处理的实现. 在Flink中window从大的分类上主要有三种:T ...
- EasyUI中Dialog对话框的简单使用
场景 效果 属性 该属性扩展自窗口(window)下面是为对话框(dialog)重写的属性. 名称 类型 描述 默认值 title string 对话框的标题文本. New Dialog collap ...
- EasyUI中layout布局的简单使用
场景 效果 布局选项(Layout Options) 名称 类型 描述 默认值 fit boolean 当设置为 true 时,就设置布局(layout)的尺寸适应它的父容器.当在 'body' 标签 ...
- EasyUI中Panel面板的简单使用
场景 效果 属性 名称 类型 描述 默认值 id string 面板(panel)的 id 属性. null title string 显示在面板(panel)头部的标题文字. null iconCl ...
- EasyUI中菜单Menu的简单使用
场景 效果 菜单项 菜单项(menu item)代表一个显示在菜单中的单独的项目.它包含下列属性: 名称 类型 描述 默认值 id string 菜单项(menu item)的 id 属性. te ...
- EasyUI中搜索框的简单使用
场景 基本搜索框 流式搜索框 搜索框类别 实现 基本搜索框 <!DOCTYPE html> <html lang="en"> <head>< ...
- EasyUI中Calendar日历的简单使用
场景 效果 属性 名称 类型 描述 默认值 width number 日历(calendar)组件的宽度. 180 height number 日历(calendar)组件的高度. 180 fit b ...
- EasyUI中进度条的简单使用
场景 效果 属性 名称 类型 描述 默认值 width string 设置进度条(progressbar)的宽度. auto height number 组件的高度.该属性自版本 1.3.2 起可用. ...
- php能调用easyui窗口,关于jQuery EasyUI window窗口使用实例详解
本文主要给大家介绍了jQuery EasyUI window窗口使用功能,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友可以参考下,希望能帮助到大家. 需求:点击[增加]按钮,弹出窗口,并对所有 ...
最新文章
- 问题集锦(26-29)
- 【PC工具】好用的搜索引擎DogeDoge替代百度搜索,中国的duckduckgo
- BOOST_PREDEF_WORKAROUND宏相关的测试程序
- 如何创建一个基本JQuery的插件
- 11 单线程+多任务异步协程 爬虫
- 猫咪藏在哪个房间python作业_python练习题之 猫2
- java stream optional_java成神之——Stream和Optional
- 怎么判断机械硬盘要多大_秋天要多吃芋头,买芋头是买大的还是小的?学学广西大妈怎么买...
- 室内声场计算机模拟的声线跟踪法和虚声源法,基于声线跟踪法的室外声场仿真.doc...
- 如何为属性是disabled的表单绑定js事件
- Eclipse没有Web插件和JavaEE插件咋整
- php成绩查询系统的学习心得_CPA成绩查询系统开通时间
- 统计学中常被误用的分析方法
- 重新注册所有dll文件
- 沧小海基于xilinx srio核的学习笔记之第三章 xilinx srio核介绍(二)HELLO格式和流控
- RadAsm模板修改
- 一个简单的吃豆子游戏
- n1盒子救砖_N1不能通过网络刷机后拆机救砖
- 友盟推送:测试模式推送完成,但却收不到推送信息
- 面条代码 vs. 馄沌代码
热门文章
- MySQL关联更新update
- php sqlserver扩展,PHP---连接sqlserver扩展配置
- matlab与钻井平台,基于MATLAB环境下采用C8051F060实现钻井井眼姿态监测系统的设计...
- setcellvalue 格式_POI对EXCEL的操作【重点:如何设置CELL格式为文本格式】
- php mvc单入口搭建,PHP实现MVC开发最简单方法是单点入口
- mysql创建表示对属性进行说明_mysql基础
- 对3.0 版本的python依赖无法满足_解决yum对python依赖版本问题
- jsp 跳到servlet路径_想打开一个jsp的页面就跳转到servlet中去,并向servlet传值。用什么跳转...
- error: C3861: “pcap_open”: 找不到标识符
- java用不用stream_Java parallelStream不使用预期的线程数