首页 / JQUERY / JQuery EasyUI window 用法

JQuery EasyUI window 用法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JQuery EasyUI window 用法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3171字，纯文字阅读大概需要5分钟。

内容图文

本文来自：http://www.cnblogs.com/szytwo/archive/2012/08/28/2659917.html

JQuery代码

var $win;
$win = $(‘#test-window‘).window({
    title: ‘添加课程设置信息‘,
    width: 820,
    height: 450,
    top: ($(window).height() - 820) * 0.5,
    left: ($(window).width() - 450) * 0.5,
    shadow: true,
    modal: true,
    iconCls: ‘icon-add‘,
    closed: true,
    minimizable: false,
    maximizable: false,
    collapsible: false
});

$win.window(‘open‘);

HTML代码

<div id="test-window" class="easyui-window" title="Login" style="width: 300px; height: 180px;">
    <div>
        欢迎访问http://www.my400800.cn
    </div>
    <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>
</div>

属性及方法说明

Window需要依存于以下的三个组件： * 可拖放(Draggable) * 调整大小(Resizable) * 面板(panel)

下面来介绍Window的具体用法，首先来看属性大多数的属性和面板(panel)的属性是相同的

　　　　　　　　　　　　　　　　　　　　　　下面列出一些Window私有的属性：

属性名	类型	描述	默认值
zIndex	数字	窗口的 z-index 属性，可以通过这个属性来增加	9000
draggable	布尔	定义窗口是否可被拖动	true
resizable	布尔	定义窗口是否可以被改变大小	true
shadow	布尔	如果设置为true，窗口的阴影也将显示。	true
modal	布尔	定义窗口是否是一个模式窗口。	true

　　　　　　　　　　　　　　　　　　　　　　Window也重写了Panel里的一些属性

属性名	类型	描述	默认值
title	字符串	窗口的标题文本	New Window
collapsible	布尔	定义是否显示可折叠定义按钮	true
minimizable	布尔	定义是否显示最小化按钮	true
maximizable	布尔	定义是否显示最大化按钮	true
closable	布尔	定义是否显示关闭按钮	true

　　　　　　　　　　　　　　　　　　　　　　属性

名字	类型	描述	默认值
title	字符串	在面板头部显示的标题文本	null
iconCls	字符串	一个CSS类来显示在面板中的16x16图标	null
width	数字	设置面板的宽度	auto
height	数字	设置面板的高度	auto
left	数字	设置面板左侧位置	null
top	数字	设置面板的顶部位置	null
cls	字符串	给面板添加一个CSS类	null
headerCls	字符串	给面板头部添加一个CSS类	null
bodyCls	字符串	给面板主体添加一个CSS类	null
style	对象	给面板自定义样式	{}
fit	布尔	当设置为true，面板尺寸将适合它的父容器。	false
border	布尔	定义面板的边框	true
doSize	布尔	当设置为true，面板载创建的时候将被调整和重新布局	true
collapsible	布尔	定义是否显示可折叠定义按钮	false
minimizable	布尔	定义是否显示最小化按钮	false
maximizable	布尔	定义是否显示最大化按钮	false
closable	布尔	定义是否显示关闭按钮	false
tools	数组	自定义工具，每个工具可以包含两个属性：iconCls and handler	[]
collapsed	布尔	定义在初始化的时候折叠面板	false
minimized	布尔	定义在初始化的时候最小化面板	false
maximized	布尔	定义在初始化的时候最大化面板	false
closed	布尔	定义在初始化的时候关闭面板	false
href	字符串	一个远程的URL加载数据，然后显示在面板中	null
loadingMessage	字符串	当加载远程数据时，在面板中显示的信息	Loading…

　　　　　　　　　　　　　　　　　　　　　　事件

名字	参数	描述
onLoad	none	当远程数据加载时触发
onBeforeOpen	none	当面板打开之前触发
onOpen	none	当面板打开之后触发
onBeforeClose	none	当面板关闭之前触发
onClose	none	当面板关闭之后触发
onBeforeDestroy	none	当面板销毁之前触发
onDestroy	none	当面板关闭之后触发
onBeforeCollpase	none	当面板折叠之前触发
onCollapse	none	当面板折叠之后触发
onBeforeExpand	none	当面板展开之前触发
onExpand	none	当面板展开之后触发
onResize	width, height	当面板调整大小之后触发 width: 新的宽度 height: 新的高度
onMove	left,top	当面板移动之后触发 left: 新的左侧位置 top: 新的顶部位置
onMaximize	none	当窗口最大化的时候被触发
onRestore	none	当窗口恢复到原来的大小时被触发
onMinimize	none	当窗口最小化的时候被触发

　　　　　　　　　　　　　　　　　　　　　　方法

名字	参数	描述
options	none	返回设置的属性值
panel	none	返回面板对象
header	none	返回面板头部对象
body	none	返回面板主体对象
setTitle	title	设置面板头部标题
open	forceOpen	当forceOpen设置为true，面板被打开的时候忽略onBeforeOpen回调函数
close	forceClose	当forceClose设置为true，面板被关闭的时候忽略onBeforeClose 回调函数
destroy	forceDestroy	当forceDestroy设置为true，面板被销毁的时候忽略onBeforeDestroy回调函数
refresh	none	当设置了href值时，刷新面板来加载远程数据
resize	options	设置面板的大小和布局，这些选项包含以下的属性： width: 新面板的宽度 height: 新面板的高度 left: 新面板的左侧位置 top: 新面板的顶部位置
move	options	移动面板到一个新的位置，这些选项包含以下属性: left: 新面板的左侧位置 top: 新面板的顶部位置

原文：http://www.cnblogs.com/zhouyunbaosujina/p/4298556.html

内容总结

以上是互联网集市为您收集整理的JQuery EasyUI window 用法全部内容，希望文章能够帮你解决JQuery EasyUI window 用法所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1161765.html

来源：【匿名】

【上一篇】jquery then详解（四）【下一篇】学习php+jQuery+Ajax实现点赞效果的方法

更多 ►

【JQuery EasyUI window 用法】教程文章相关的互联网学习教程文章

jQuery的一些特性和用法

1.精准简单的选择对象(dom)：$(‘#element‘);// 相当于document.getElementById("element") $(‘.element‘);//Class $(‘p‘);//html标签 $("form > input");//子对象 $("div,span,p.myClass");//同时选择多种对象 $("tr:odd").css("background-color", "#bbbbff");//表格的隔行背景 $(":input");//表单对象 $("input[name=‘newsletter‘]");//特定的表单对象 2.对象函数的应用简单和不限制： element.function(par)； $(”p.s...

jquery 向下遍历DOM用法方法

jquery 向下遍历DOM用法方法1，jQuery children() 方法children() 方法返回被选元素的所有直接子元素。该方法只会向下一级对 DOM 树进行遍历。下面的例子返回每个 <div> 元素的所有直接子元素：实例$(document).ready(function(){ $("div").children();});2，jQuery find() 方法find() 方法返回被选元素的后代元素，一路向下直到最后一个后代。下面的例子返回属于 <div> 后代的所有 <span> 元素：实例$(document).ready(function(...

JQuery EasyUI window 用法【代码】【图】

本文来自：http://www.cnblogs.com/szytwo/archive/2012/08/28/2659917.html JQuery代码var $win; $win = $(‘#test-window‘).window({title: ‘添加课程设置信息‘,width: 820,height: 450,top: ($(window).height() - 820) * 0.5,left: ($(window).width() - 450) * 0.5,shadow: true,modal: true,iconCls: ‘icon-add‘,closed: true,minimizable: false,maximizable: false,collapsible: false });$win.window(‘open‘);HTML...

Jquery之JSON的用法【代码】【图】

今天讲了Jquery里面JSON的用法，下面是今天讲课给的例子：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title><script src="jquery-1.11.2.min.js"></script></head><div id="aa" style="width: 100px; height: 100px; background-col...

jQuery children等筛选用法【代码】

jQuery children等筛选用法：<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme() +"://"+ request.getServerName() +":"+ request.getServerPort() + path +"/"; %><!DOCTYPE html><html><head><base href="<%=basePath%>"><meta charset="UTF-8"><title>b index</title><link rel=‘stylesheet‘ type="text/css" href=‘b/c...

jQuery 中 is() 函数常见用法

根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合，如果其中至少有一个元素符合这个给定的表达式就返回true。如果没有元素符合，或者表达式无效，都返回‘false‘。 ‘‘‘注意：‘‘‘在jQuery 1.3中才对所有表达式提供了支持。在先前版本中，如果提供了复杂的表达式，比如层级选择器（比如 + , ~ 和 > ），始终会返回true实例： $(document).ready(function() { $('#faq').find('dd').hide().end().find('dt').click(f...

jquery.fn.extend与jquery.extend用法与区别

关于jquery.fn.extend与jquery.extend用法与区别。 jQuery为开发插件提拱了两个方法，分别是：代码如下复制代码jQuery.fn.extend(object); 和 jQuery.extend(object);jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。jQuery.fn.extend(object);给jQuery对象添加方法。fn 是什么东西呢。查看jQuery代码，就不难发现。代码如下复制代码jQuery.fn = jQuery.prototype = { 　init: function( selector, context ) {...

jQuery DataTables插件 aoColumnDefs跟aoColumns的用法

aoColumnDefs和aoColumns都可以设置列的属性。aoColumnDefs设置列的属性时，可以任意指定列，并且不需要给所有列都设置。aoColumns设置列时，不可以任意指定列，必须列出所有列。如果某一列不需要设置，则要赋值null。如果aoColumnDefs和aoColumns同时给同一列的同一个属性设置了值，那么aoColumns的优先级要高。另外，如果aoColumnDefs使用target :["_all"] 给所有列设置了通用的属性，然后又为某一列的该属性单独设置了值，那么这...

jquery cookie用法(获取cookie值,删除cookie)

cookie在jquery中有指定的cookie操作类，下面我先来介绍我们在使用cookie操作类时的一些问题，然后介绍正确的使用方法。使用JQuery操作cookie时发生取的值不正确的问题：结果发现cookie有四个不同的属性: 名称，内容，域，路径代码如下复制代码$.cookie(‘the_cookie‘); // 读取 cookie $.cookie(‘the_cookie‘, ‘the_value‘); // 存储 cookie $.cookie(‘the_cookie‘, ‘the_value‘, { expires: 7 }); // 存储一个带7天期...

jquery validate remote的用法【代码】【图】

JS:rules: {Email: {required: true,email: true },Password: {required: true,remote: {url: "/Users/Login",type: "Post",data: {Email: function () { return $("#Email").val(); },Password:function(){return $("#Password").val();}}}},remember: {required: false}},cshtml:<form class="login-form" action="/Users/Login" method="post"><h3 class="form-title">Sign In</h3><div class="alert alert-...

jquery中class选择器的用法，选择两个class

jquery选择器中两个class的用法$(".class1 .class2") 选择class1元素下class2的元素（中间有空格） $(".class1.class2") 选择同时含有class1和class2的元素（中间没有空格） $(".class1,.class2") 选择class1或者class2的元素（中间有逗号）jQuery的选择器和css选择器基本一样，例如： css选择多个class为：.class1.class2 jQuery选择多个class为：$(".class1.class2")原文链接 https://blog.csdn.net/qq_38115000/article/details...

jQuery中获取元素的属性方法attr()简单用法

语法结构：$(selector).attr(attribute), //selector为选择器名，attribute为指定要获取的元素的属性名修改元素属性的$(selector).attr(attribute,value), //selector为选择器名，attribute为指定要获取的元素的属性名<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Ty...

高亮显示搜索到的关键字-jquery.highlight.js的用法！【代码】【图】

闲话少说，直接看需求: 在一篇文章中查找关键字，找到后高亮显示.这种需求可以用js实现，可以用jquery实现，殊不知jquery有现成的插件，亲，你不用自己实现了，只需要引入jquery-hightlight.js注意:如下body内容如此复杂只是为了测试，没有其他目的.<!DOCTYPE html> <html><head><title>regex.html</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is my ...

jQuery.cookie插件用法自我总结

用的jQuery.cookie -----一个封装好了cookie的插件。（基于jQuery）我这只需要调用。$.cookie("c_name", c_value,{expires:7});//可通过alert($.cookie("c_name"));得到你要存储的内容，这样测试cookie是否存储；c_name：要创建的cookie的名字；c_value：值或者说要存储的内容；expires:7存储日期；$.cookie("c_name", null);//关闭cookie，可通过alert($.cookie("c_name"))的到null，就可得知已清除cookie。另外，每隔5分钟自动存...

Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结

Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结本文对Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法进行了详细的总结，需要的朋友可以参考下，希望对大家有所帮助。详细解读Jquery各Ajax函数： $.get(),$.post(),$.ajax(),$.getJSON()一，$.get(url,[data],[callback])说明：url为请求地址，data为请求数据的列表，callback为请求成功后的回调函数，该函数接受两个参数，第一个为服务器返回的数据，第二个参数为...

JQUERY - 技术教程分类

jQuery 教程 jQuery 简介 jQuery 安装 jQuery 语法 jQuery 选择器 jQuery 事件 jQuery 隐藏/显示 jQuery 淡入淡出 jQuery 滑动 jQuery 动画 jQuery 停止动画 jQuery Callback jQuery 链 jQuery 捕获 jQuery 设置 jQuery 添加元素 jQuery 删除元素 jQuery CSS 类 jQuery css() 方法 jQuery 尺寸 jQuery 遍历 jQuery 祖先 jQuery 后代 jQuery 同胞 jQuery 过滤 jQuery AJAX 简介 jQuery load() 方法 jQuery get()/post() 方法 jQuery noConflict() 方法 jQuery JSONP jQuery 实例 jQuery 选择器 jQuery 事件方法 jQuery 效果方法 jQuery HTML / CSS 方法 jQuery 遍历方法 jQuery AJAX 方法 jQuery 杂项方法 jQuery 属性 jQuery Validate jQuery Cookie jQuery Accordion jQuery Autocomplete jQuery Growl jQuery 密码验证 jQuery Tooltip jQuery Treeview jquery 全部

JQUERY - 最热教程

javascript中html字符串转化为jquerydo...js批量设置元素样式和封装似于jquery的...使用jquery获取url及url参数的方法 jQuery取消ajax请求的方法 jquery中根据获取元素的6种方法总结如何通过jQuery添加新的内容 jQuery和ajax实现鼠标单击修改内容的方...基于JSON格式数据的简单jQuery幻灯片插...jquery设置内联样式css()js调用iframe实现打印页面内容的方法_j...

首页 / JQUERY / JQuery EasyUI window 用法

JQuery EasyUI window 用法

内容导读

内容图文

事件

方法

内容总结

内容备注

内容手机端

【JQuery EasyUI window 用法】教程文章相关的互联网学习教程文章

JQUERY - 技术教程分类

JQUERY - 最新教程

JQUERY - 最热教程

　　　　　　　　　　　　　　　　　　　　　　事件

　　　　　　　　　　　　　　　　　　　　　　方法