jquery easyui window 打开后移动位置在打开后不居中有关问题解决
来源:互联网 发布:php 无限分类 编辑:程序博客网 时间:2024/05/21 21:01
打开后移动位置在打开后不居中问题解决方法就很简单了,我们在打开时设置下left和top属性就可以了
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 属性,可以通过这个属性来增加9000draggable布尔定义窗口是否可被拖动trueresizable布尔定义窗口是否可以被改变大小trueshadow布尔如果设置为true,窗口的阴影也将显示。truemodal布尔定义窗口是否是一个模式窗口。trueWindow也重写了Panel里的一些属性
属性名类型描述默认值title字符串窗口的标题文本New Windowcollapsible布尔定义是否显示可折叠定义按钮trueminimizable布尔定义是否显示最小化按钮truemaximizable布尔定义是否显示最大化按钮trueclosable布尔定义是否显示关闭按钮true事件
属性
名字类型描述默认值title字符串在面板头部显示的标题文本nulliconCls字符串一个CSS类来显示在面板中的16x16图标nullwidth数字设置面板的宽度autoheight数字设置面板的高度autoleft数字设置面板左侧位置nulltop数字设置面板的顶部位置nullcls字符串给面板添加一个CSS类nullheaderCls字符串给面板头部添加一个CSS类nullbodyCls字符串给面板主体添加一个CSS类nullstyle对象给面板自定义样式{}fit布尔当设置为true,面板尺寸将适合它的父容器。falseborder布尔定义面板的边框truedoSize布尔当设置为true,面板载创建的时候将被调整和重新布局truecollapsible布尔定义是否显示可折叠定义按钮falseminimizable布尔定义是否显示最小化按钮falsemaximizable布尔定义是否显示最大化按钮falseclosable布尔定义是否显示关闭按钮falsetools数组自定义工具,每个工具可以包含两个属性:iconCls and handler[]collapsed布尔定义在初始化的时候折叠面板falseminimized布尔定义在初始化的时候最小化面板falsemaximized布尔定义在初始化的时候最大化面板falseclosed布尔定义在初始化的时候关闭面板falsehref字符串一个远程的URL加载数据,然后显示在面板中nullloadingMessage字符串当加载远程数据时,在面板中显示的信息Loading…事件
名字参数描述onLoadnone当远程数据加载时触发onBeforeOpennone当面板打开之前触发onOpennone当面板打开之后触发onBeforeClosenone当面板关闭之前触发onClosenone当面板关闭之后触发onBeforeDestroynone当面板销毁之前触发onDestroynone当面板关闭之后触发onBeforeCollpasenone当面板折叠之前触发onCollapsenone当面板折叠之后触发onBeforeExpandnone当面板展开之前触发onExpandnone当面板展开之后触发onResizewidth, height当面板调整大小之后触发width: 新的宽度
height: 新的高度onMoveleft,top当面板移动之后触发
left: 新的左侧位置
top: 新的顶部位置onMaximizenone当窗口最大化的时候被触发onRestorenone当窗口恢复到原来的大小时被触发onMinimizenone当窗口最小化的时候被触发
方法
名字参数描述optionsnone返回设置的属性值panelnone返回面板对象headernone返回面板头部对象bodynone返回面板主体对象setTitletitle设置面板头部标题openforceOpen当forceOpen设置为true,面板被打开的时候忽略onBeforeOpen回调函数closeforceClose当forceClose设置为true,面板被关闭的时候忽略onBeforeClose 回调函数destroyforceDestroy当forceDestroy设置为true,面板被销毁的时候忽略onBeforeDestroy回调函数refreshnone当设置了href值时,刷新面板来加载远程数据resizeoptions设置面板的大小和布局,这些选项包含以下的属性:width: 新面板的宽度
height: 新面板的高度
left: 新面板的左侧位置
top: 新面板的顶部位置moveoptions移动面板到一个新的位置,这些选项包含以下属性:
left: 新面板的左侧位置
top: 新面板的顶部位置
- jquery easyui window 打开后移动位置在打开后不居中有关问题解决
- jquery easyui window 打开后移动位置在打开后不居中问题解决
- jquery easyui window 不居中有关问题解决方案 (注意红色字体部分)
- Arcgis---.sxd文件移动位置后无法打开
- easyui中的window打开大小、位置问题
- Easyui 让Window弹出居中与最大化后居中
- easyUi 打开对话框后控件赋值,以及赋值后不显示的问题
- 让DIV打开时候在居中位置
- tomcat移动位置后相关问题解决方案
- tomcat移动位置后相关问题解决方案
- tomcat移动位置后相关问题解决方案
- VS2005中正常打开关闭项目后不保存在最近打开项目中的原因
- window下批处理:打开命令窗口且执行后不关闭
- VS制作安装部署文件后,快捷方式属性中“打开文件位置”不可用
- 在WebBrowser控件打开的网页链接后直接打开而不新弹出IE窗口来打开
- Android 打开Activity后,不显示键盘
- Android 打开Activity后,不显示键盘
- 软件打开后页面前台不显示
- mysql 指定日期格式查询
- UILabel常用操作
- 听海哭的声音
- C语言基础七typedef
- C#反射的作用
- jquery easyui window 打开后移动位置在打开后不居中有关问题解决
- python中map、filter、reduce 函数使用方法
- [置顶] 考研那些事——那些年,我们一起度过的猪狗不如的生活
- 使用Xpath查询xml文档节点数据
- 搞ACM的你伤不起(转)
- MyEclipse开发j2ee纠错方式思路
- 在CBO下写SQL语句的注意事项
- java(一) ——Java开发环境部署 【详细】
- 基于V4L2的视频驱动开发