easyui---基础组件：window

最新推荐文章于 2024-04-12 03:03:32 发布
最新推荐文章于 2024-04-12 03:03:32 发布
阅读量99 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/fpcbk/p/9847609.html
版权

window

 依赖下面三个组件，就是继承，所以下面的特性和方法 事件都可以用

  • draggable
  • resizable
  • panel

window 和panel不同之处，可以有拖拽移动draggable，拖改变大小reziable，默认都设置了上面4个工具栏为true：最大，最小，折叠，关闭

modal特性，是否是模态，false时，可以点击

<script>
$(function(){
    $("#windowid").window({        
        width:500,   
           height:150,   
          modal:false
        
    })
})

</script>
</head>
<body>
<div id="windowid" ></div>
<input type="button" value="点击"/>
</body>

 

为true时，不可以点击，有遮罩层

 

 

 其事件扩展自 panel。所以用panel中事件

加事件，就在option配置项中加

$(function(){
    $("#windowid").window({        
        width:500,   
           height:150,   
          modal:true,
          onBeforeOpen:function(){
              alert();
          }
        
    })
})

 

转载于:https://www.cnblogs.com/fpcbk/p/9847609.html

生产的驴
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
easyUI 事件列表
08-04
找了个时间看了下EasyUI插件，对它的插件感觉是很舒服，特地把Easy UI的大部分功能属性做了一下汇总。使用easyUI的朋友可以收藏下。 此属性列表请对照jQuery EasyUI 1.0.5，关于它的更多资讯请猛击这里。 属性分为CSS片段和JS片段。 CSS类定义： 1、div easyui-window 生成一个window窗口样式。 属性如下： 1)modal:是否生成模态窗口。true[是] false[否] 2)shadow:是否显示窗口阴影。true[显示] false[不显示] 2、div easyui-panel 生成一个面板。 属性如下: 1)title:该标题文本显示在面板头部。 2)iconCls:在面板上通过一个CSS类显示16x16图标。 3)width:设置面板宽度。默认auto。 4)height:设置面板高度。默认auto。 5)left:设置面板左边距。 6)top:设置面板顶部位置。 7)cls:在面板中增加一个Class类。 8)headerCls:在面板头部中增加一个Class类。 9)bodyCls:在面板内容中增加一个Class类。 10)style:在面板中增加一个指定样式。 11)fit:当True时设置该面板尺寸适合于它的父容器。默认false。 12)border:当定义时显示面板边界。默认true。 13)doSize:如果设置为True，该面板将重绘大小，并重建布局。默认true。 14)collapsible:当定义时显示可折叠面板的按钮。默认false。 15)minimizable:当定义时显示最小化面板的按钮。默认false。
easyUI Window
YHC
08-02 4336
@author YHC  从 $.fn.panel.defaults继承,覆盖默认值$.fn.window.defaults. window 是一个漂浮的可拖动的panel可以使用作为应用程序的窗体,默认的window 是可以移动,改变大小,关闭.它的内容也可以定义为要么是静态的html 或者是通过ajax动态记载内容. 相关依赖 draggableresiz
jQuery EasyUI window - 自定义工具栏
leileitime的博客
02-23 153
[code="java"] 默认情况下，窗口（window）有四个工具：collapsible、minimizable、maximizable 和 closable。比如我们定义以下窗口（window）： window content 如需自定义工具，设置该工具为 true 或者 false。比如我们希望定义一个窗口（window），仅仅拥有一个可关闭的工具。您应该设...
EasyUI Window学习总结
bcbobo21cn的专栏
03-10 676
Custom Window Tools http://www.jeasyui.net/demo/420.html Custom Window Tools - jQuery EasyUI Demo Custom Window Tools Click the right top buttons to perform actions. onclick="$(’...
jQuery EasyUI window窗口使用实例
学亮编程手记
12-25 2838
需求：点击【增加】按钮，弹出窗口，并对所有输入项内容进行校验，校验通过就提交给后台的action处理，没有通过校验就弹窗提示。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>管理取派员</title> <!-- 导入jquery核心类库 --> <scri
jquery-easyui-1.4.4
10-09
`EasyUI` 将 jQuery 的功能进一步扩展，提供了诸如窗口（window）、表格（datagrid）、下拉菜单（combobox）、树形控件（tree）等常见的 UI 组件。 在 `jquery-easyui-1.4.4` 压缩包中，我们通常会看到以下主要部分...
jquery-easyui-1.5版本
10-11
Demo部分展示了EasyUI各个组件的使用方法，通过实例来理解每个组件的功能和配置，是学习和掌握EasyUI的宝贵资源。 四、组件详解 1. **窗口（Window）**：用于创建弹出式的操作窗口，可以设置大小、位置、标题等...
springmvc-easyui-tree增删改
11-30
6. **窗口（window）分类**：EasyUI的`window`组件用于弹出对话框，通常用于显示表单或详细信息。在增删改操作中，我们可以创建一个窗口来显示添加新节点、编辑节点或确认删除的表单。窗口可以设置为可拖动、可调整...
jquery-easyui-1.5.5
04-25
"jQuery EasyUI 1.5.5" 是一个基于 jQuery 的前端开发框架，它为构建交互式、响应式的Web应用程序提供了丰富的组件和便捷的API。EasyUI 的目标是简化前端开发，让开发者能够快速地创建功能完备的用户界面，而无需...
easyui-1.4
07-20
6. **窗口管理**：EasyUI 的 `window` 组件支持弹出窗口，可以用于显示详情、设置等，窗口之间可以嵌套，方便构建复杂的布局结构。 7. **拖放功能**：EasyUI 提供了拖放功能，可以轻松实现元素的拖放排序，常用于...
jQuery EasyUI 窗口 - 自定义窗口工具栏
unber的博客
05-08 158
如需自定义工具，设置该工具为 true 或者 false。比如我们希望定义一个窗口（window），仅仅拥有一个可关闭的工具。您应该设置任何其他工具为 false。我们可以在标记中或者通过 jQuery 代码定义 tools 属性。默认情况下，窗口（window）有四个工具：collapsible、minimizable、maximizable 和 closable。如果我们希望添加自定义的工具到窗口（window），我们可以使用 tools 属性。
easyUI之window窗口
weixin_30537391的博客
12-04 105
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Window（窗口）</title> <meta http-equiv="content-type" content="text/h...
EasyUI学习第二篇：基础组件(panel、window、dialog、LinkButton、easyLoader )
邢宇超的博客
08-22 784
目标 理解Jquery组件之间的关系 理解Jquery的俩种写法 理解动态加载组件的方法，但不推荐使用 *动态加载 easyloader.js* *jquery.parser.js 解析标签里的class值* 学会查API以及培养调试bug的能力 Panel 面板使用组件的方式 1.html 2.jshtml实现 <div class="easyui-panel" style="widt
EasyUI Jquery 学习笔记 —— Window（窗口）详细版
最新发布
cccloveforever的博客
04-12 1120
消息框（messager）提供不同样式的消息框，包括警示（alert）、确认（confirm）、提示（prompt）、进展（progress）等等。所有的消息框都是异步的。用户可以在与消息框交互后使用回调函数来完成一些动作。
扩展easyui.window
zjh527的专栏
11-16 6311
/** * @requires jquery, EasyUI 1.2.6+ * * 此方法是对 EasyUI.window 和 EasyUI.dialog 的扩展 * 可以实现如下功能： * 1、使用框架页面时可以控制窗口是否跨框架弹出在框架最顶层页面，还是框架内当前页面。默认框架最顶层页面 * 2、可以控制url加载页面方式，是使用默认方式，还是iframe加载， 默认
easyui window tool 弹出窗口 工具栏 重用问题
laokaizzz的专栏
10-29 1865
 转自：http://www.easyui.info/archives/279.html 熟悉Easyui的朋友可能都比较熟悉panel，因为panel是布局和其它一些组件的基础，在1.2.5版本中，panel的标题部分增加了对工具条的支持(1.2.4可能也支持，但是不支持写在HTML文档中的工具条)。 现象描述： 给panel附加工具条有两种方式： Na
easyUI快速入门第六讲——easyUI中的window（窗口）组件
李阿昀的博客
11-03 2771
window（窗口）组件的概述 窗口控件是一个浮动和可拖拽的面板，它可以用作应用程序窗口。默认情况下，窗口可以移动，调整大小和关闭。它的内容也可以被定义为静态HTML或要么通过Ajax动态加载。 window（窗口）组件的使用 在easyUI快速入门第一讲中，我就讲到过easyUI的使用主要有两种方式，一种是在HTML标签中声明class来使用easyUI样式，一种是编写js代码。这里，先用一下...
jQuery EasyUI基础组件（panel，window，dialog）
崔向阳@李晓的博客
04-24 5854
在这里我们首先要理解Jquery组件之间的关系，理解Jquery的两种写法。理解动态加载组件的方法，但是不推荐使用 动态加载 easyloader.js  解析标签里的class值使用jquery parser.js      首先我们讲解panel面板，例如网页上的最大化，最小化，关闭按钮，他们是怎么实现的呢。 用$.fn.panel.defaults重写defaults。
JQuery EasyUI window 用法
weixin_34419321的博客
08-28 218
JQuery代码 var $win; $win = $('#test-window').window({ title: '添加课程设置信息', width: 820, height: 450, top: ($(window).height() - 820) * 0.5, left: ($(window).width() - 450) * 0...
easyui-tree 异步加载 queryparams
01-15
easyui-tree 异步加载 queryparams 是指在使用 easyui-tree 控件进行树状结构的异步加载时，可以向后台发送额外的查询参数。 一般来说，easyui-tree 控件是通过向后台发送请求，获取树状结构的数据并显示在页面上的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值