/**
* @author 孙宇
*
* @requires jQuery,EasyUI
*
* 防止panel/window/dialog组件超出浏览器边界
* @param left
* @param top
*/
var easyuiPanelOnMove = function(left, top) {
var l = left;
var t = top;
if (l < 1) {
l = 1;
}
if (t < 1) {
t = 1;
}
var width = parseInt($(this).parent().css('width')) + 14;
var height = parseInt($(this).parent().css('height')) + 14;
var right = l + width;
var buttom = t + height;
var browserWidth = $(window).width();
var browserHeight = $(window).height();
if (right > browserWidth) {
l = browserWidth - width;
}
if (buttom > browserHeight) {
t = browserHeight - height;
}
$(this).parent().css({/* 修正面板位置 */
left : l,
top : t
});
};
$.fn.dialog.defaults.onMove = easyuiPanelOnMove;
$.fn.window.defaults.onMove = easyuiPanelOnMove;
$.fn.panel.defaults.onMove = easyuiPanelOnMove;
将代码放到easyui.min.js后面就行
分享到:
相关推荐
easyui是一种基于jQuery的用户界面插件集合。easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。easyui是个...
孙宇的jsutils,包含一些常用的js的工具.easyui 扩展 数据平滑、防止panel/window/dialog组件超出浏览器边界、panel关闭时回收内存、扩展datagrid,添加动态增加或删除Editor的方法、增加带复选框的下拉树、增加多选...
将Easyui的DataGrid内容放入Dialog中,打印该Dialog
jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要...
EasyUI入门教程--第03课_parser组件panel组件及如何使用组件自带的属性、事件、方法.avi,这是由孙宇老师录制的视频,现在很难找了,讲得很详细,授人以鱼,不如授人以渔。 <br/> 第01课(大概介绍一下easyui,和组织...
easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值,详情链接:
easyui dialog和messager样式更改,默认样式太丑
EasyUI弹窗拖曳出边界后无法回到窗口位置,造成用户点击不到
使用easyUI在panel中创建复杂布局 使用easyUI创建折叠面板 使用easyUI创建Tabs标签 使用easyui创建tabs组件和动态添加 使用easyUI创建一个自动播放的tabs 使用easyUI创建XP风格左侧面板 DataGrid 使用...
主要介绍了jQuery Easyui datagrid/treegrid 清空数据的相关资料
NULL 博文链接:https://hwzyyx.iteye.com/blog/2369841
将Easyui的DataGrid内容放入Dialog中,打印该Dialog
easyui.js插件, <script type="text/javascript" src="/js/easyui.js"></script> <script type="text/javascript" src="/js/easyui-lang-zh_CN.js"></script>
教程名称:一头扎进EasyUI系列视频教程(40集)课程目录:【】[一头扎进EasyUI]第1讲-panel组件【】[一头扎进EasyUI]第2讲-messager组件【】[一头扎进EasyUI]第3讲-datebox组件【】[一头扎进EasyUI]第4讲-...
本项目采用struts2+JDBC+easyui进行编写,对easyui各个组件进行详细介绍。 由于水平有限,项目bug在所难免,欢迎指正。 ...使用方法: 1、首先你的电脑得安装有mysql、...4、打开浏览器,输入http://localhost:8080/easyui/
主要为大家详细介绍了jQuery EasyUI Panel面板组件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
easyui详细笔记02之[如何使用easyui_dialog案例]
link rel="stylesheet" type="text/css" href="easyUI/css/easyui.css"> <link rel="stylesheet" type="text/css" href="easyUI/css/icon.css"> <link rel="stylesheet" type="text/css" href="easyUI/...
基于jQuery EasyUI 1.4.5写的单选框和多选框组件,里面有readme文档说明和示例,属性、事件和方法的具体说明可参考Combo和ComboBox的文档说明
jQuery EasyUI EasyUI 组件范例