文档章节

jQuery EasyUI使用教程之创建简单窗口

Miss_Hello_World
 Miss_Hello_World
发布于 2016/04/27 10:18
字数 261
阅读 96
收藏 0

jQuery EasyUI最新试用版下载请猛戳>>

创建一个窗口非常简单,我们创建一个 DIV 标记:

< div id = "win" class = "easyui-window" title = "My Window" style = "width:300px;height:100px;padding:5px;" >
Some Content.
</ div >

现在运行测试页面,您会看见一个窗口显示在您的屏幕上。我们不需要写任何的javascript代码。

创建简单窗口

如果您希望创建一个隐藏的窗口,记得将 'closed' 属性设置为 'true' 值,您可以调用 'open' 方法来打开窗口:

< div id = "win" class = "easyui-window" title = "My Window" closed = "true" style = "width:300px;height:100px;padding:5px;" >
Some Content.
</ div >

$('#win').window('open');

作为最后的实例演示,我们创建一个登录窗口:

< div id = "win" class = "easyui-window" title = "Login" style = "width:300px;height:180px;" >
< form style = "padding:10px 20px 10px 40px;" >
< p >Name: < input type = "text" ></ p >
< p >Pass: < input type = "password" ></ p >
< div style = "padding:5px;text-align:center;" >
< a href = "#" class = "easyui-linkbutton" icon = "icon-ok" >Ok</ a >
< a href = "#" class = "easyui-linkbutton" icon = "icon-cancel" >Cancel</ a >
</ div >
</ form >
</ div >

创建简单窗口

下载EasyUI示例:easyui-window-demo.zip

有兴趣的朋友可以点击查看更多有关jQuery EasyUI的教程>>

© 著作权归作者所有

Miss_Hello_World
粉丝 22
博文 668
码字总数 404202
作品 0
九龙坡
私信 提问
jQuery EasyUI快速入门实战教程(一)-入门

1、jQuery EasyUI概述 jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,...

神码小风
2018/06/28
0
0
jQuery EasyUI入门视频教程【20讲】

jQuery EasyUI入门视频教程【20讲】 jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。非职业讲师孙宇讲授,全...

Amamatthew
2014/09/28
1K
0
JQuery EasyUi之界面设计——前言与界面效果(一)

如果冯巩的开场白是“观众朋友们,我想死你们了”,那么我的开场白是“最近一直很忙,很久没有发文了”。 前面说过了EXT.NET,这里顺便再说说JQuery EasyUI。为啥我会选择JQuery EasyUI呢?主...

易水寒丶开源
2015/10/27
210
0
jQuery EasyUI使用教程之创建标签页

<jQuery EasyUI最新版下载> 本教程将展示如何使用easyui创建一个标签组件。标签可以动态地添加或删除多个面板,你可以使用标签在同一个页面上显示不同的实体。 标签一次只能显示一个面板,每...

Miss_Hello_World
2015/11/18
118
0
jQuery EasyUI使用教程之创建可折叠面板

<jQuery EasyUI最新版下载> 在本教程中,你将学习到有关于easyui折叠面板的知识。折叠面板包含了一系列的面板,其中所有的面板标题都是可见的,但只有一个面板的主体内容在某个时间是可见的。...

Miss_Hello_World
2015/11/13
449
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 早上儿子问我他是怎么来的

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @凉小生 :#今日歌曲推荐# 少点戾气,愿你和这个世界温柔以待。中岛美嘉的单曲《僕が死のうと思ったのは (曾经我也想过一了百了)》 《僕が死の...

小小编辑
今天
1K
12
Excption与Error包结构,OOM 你遇到过哪些情况,SOF 你遇到过哪些情况

Throwable 是 Java 中所有错误与异常的超类,Throwable 包含两个子类,Error 与 Exception 。用于指示发生了异常情况。 Java 抛出的 Throwable 可以分成三种类型。 被检查异常(checked Exc...

Garphy
今天
16
0
计算机实现原理专题--二进制减法器(二)

在计算机实现原理专题--二进制减法器(一)中说明了基本原理,现准备说明如何来实现。 首先第一步255-b运算相当于对b进行按位取反,因此可将8个非门组成如下图的形式: 由于每次做减法时,我...

FAT_mt
昨天
6
0
好程序员大数据学习路线分享函数+map映射+元祖

好程序员大数据学习路线分享函数+map映射+元祖,大数据各个平台上的语言实现 hadoop 由java实现,2003年至今,三大块:数据处理,数据存储,数据计算 存储: hbase --> 数据成表 处理: hive --> 数...

好程序员官方
昨天
7
0
tabel 中含有复选框的列 数据理解

1、el-ui中实现某一列为复选框 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可; 2、@selection-change事件:选项发生勾选状态变化时触发该事件 <el-table @sel...

everthing
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部