function openWin(url){
var browserWidth = document.body.clientWidth;
var browserHeiht = document.body.clientHeight;
var IframWidth = browserWidth-browserWidth/9;
var IframHeight = browserHeiht-browserHeiht/5;
var IframTop = (browserHeiht-IframHeight)/2;
var IframLeft = (browserWidth-IframWidth)/2;
$('#win').window({
title:"页面设计器",
width:IframWidth,
height:IframHeight,
top:IframTop,
left:IframLeft,
modal:true,
resizable:false,
draggable:true,
// closable:false,
collapsible:false,
minimizable:false,
maximizable:false
});
$('#win').window('open');
$('#winIframe').attr('src', url)
}
分享到:
相关推荐
在 EasyUI 中,模态窗口(Modal Window)是一种常用的功能,用于展示弹出式对话框,通常用于输入数据、确认操作或者显示详细信息。在本篇文章中,我们将深入探讨 EasyUI 的模态窗口插件,包括其基本使用方法、配置...
在 EasyUI 中,`window`组件是一个常见的弹出对话框,它可以被拖曳以改变位置。然而,当用户尝试将窗口拖动到屏幕边界之外时,可能会导致窗口部分超出屏幕范围,使得部分内容不可见或无法交互,这会严重影响用户体验...
首先,让我们理解标题中的“弹出window窗口传值”。在EasyUI中,创建一个弹出窗口通常涉及到以下步骤: 1. 创建一个HTML文件作为子页面,包含需要展示的数据和交互元素。 2. 在父页面中,通过`$.dialog`或`$.window...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,如窗口(window)、表格(datagrid)、对话框(dialog)等,帮助开发者快速构建用户界面。在本实例中,我们将关注如何使用 jQuery ...
标题 "easyui datagrid标题列宽度自适应" 涉及到的是JavaScript库EasyUI中的一个功能特性,它主要用于Web应用程序的数据展示。EasyUI是一个基于jQuery的轻量级框架,提供了一系列易于使用的UI组件,包括datagrid,...
jQuery EasyUI 是一个基于 jQuery 的轻量级框架,提供了一系列的UI组件,如窗口(Window)等,帮助开发者快速构建功能丰富的用户界面。本文将围绕如何在使用jQuery EasyUI的Window组件时,在窗口关闭时添加提示信息...
在使用EasyUI框架进行Web应用开发时,可能会遇到一个常见的问题,那就是`window`组件在调用`refresh`方法时,有时会不按预期地执行两次刷新,这无疑会影响用户体验和程序的正常运行。本文将深入探讨这个问题,并提供...
Easyui tabs 标题居左,文字竖着
### 从Datagrid的标题居中说起 #### 知识点概述 本文主要探讨了在.NET框架中如何实现Datagrid标题栏文字居中的问题。针对这一需求,文章提供了两种实现方式:一是通过在标题文本前后添加空格来达到居中的效果;二...
easyUI 我的第一个window easyUI 自定义window工具 easyUI window和布局 easyUI 创建Dialog对话框 easyUI Dialog自定义Toolbar和button Tree easyUI 从标记创建Tree easyUI 创建异步Tree easyUI 附加...
在聊天界面中,EasyUI可以用来创建聊天窗口、用户列表、消息显示区域等组件。它的拖放功能和丰富的样式选择使得开发者能够快速定制出符合设计需求的聊天界面,提高开发效率。 WebSocket协议是HTML5引入的一种在单个...
解决easyui的弹框越界问题 里面的包含的js和css文件自己可以用easyui官方的文件
相隔4个多月EasyUI又更新了,这次主要是修改BUG和功能改进,有1个新增组件,具体内容可参考文档内的更新说明。本次除了组件的API更新外还对工具包中的皮肤和插件进行了更新,此外还新增了2个实用插件。 jQuery ...
纯原创开发,datagrid支持表头拖拽前后,支持浏览器左右跟随鼠标滚动,表头右键支持自定义配置,恢复默认等功能,请访问jquery-easyui-1.5\demo\datagrid\columnConfig.html,所有代码都在该文件中,可以自行抽离或2次扩展
EasyUI 是一个基于 jQuery 的 UI 框架,它提供了一系列方便、美观的组件,包括我们这里提到的“loading”遮罩功能。本文将详细讲解如何在 EasyUI 中增加 loading 遮罩,并探讨其工作原理和应用场景。 EasyUI 的 ...
在"easyui1.3.2及主题"中,"主题"是指EasyUI提供的一系列预设外观风格,包括颜色、字体、布局等。开发者可以根据项目需求选择合适的主题,或者自定义主题以满足特定的品牌风格或用户体验需求。 4. **兼容性** ...
在jQuery EasyUI中,你可以找到诸如窗口(Window)、面板(Panel)、表格(Grid)、下拉菜单(Menu)、表单(Form)、按钮(Button)、树形结构(Tree)、滑块(Slider)等多种UI元素。这些组件都具有高度可定制性和...
Bootstrap风格的EasyUI是一种将流行的前端框架Bootstrap与企业级组件库EasyUI相结合的开发工具,旨在为开发者提供一套美观、易用且功能丰富的用户界面解决方案。这种结合使得开发者能够利用Bootstrap的响应式布局和...