hh.onMove = {
onMove: 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) {
if(width<browserWidth){
l = browserWidth - width;
}
}
if (buttom > browserHeight) {
if(height<browserHeight){
t = browserHeight - height;
}
}
$(this).parent().css({
left: l,
top: t
});
}
};
$.extend($.fn.dialog.defaults, hh.onMove);
$.extend($.fn.window.defaults, hh.onMove);
$.extend($.fn.panel.defaults, hh.onMove);相关推荐
easyui 下拉框选中时,选项框列表移动到左上角
//当下拉框展示出来供用户选择时, //若在onselect事件中针对当前datagrid进行loaddata重载数据时, //需先设置面板隐藏再重载数据; onSelect:function(newVal){ $('#service_standard_common').datagrid( 'getEditor', {index:editIndex, fie...
关于easyui dialog弹出框打开时主页面页面整体向上缩进的样式bug解决方案
今天一下午点系统时无意中发现了一个bug,那就是当我通过点击a标签弹出时父页面(即主页面)会整体向上缩进几十公分。从而导致页面显示不全。如下所示: 正常的应该是这样的: 找了好长时间终于找到原因了~原来是我的a标签的href值为#并不是javascript:void(0);当把href值设置成javascript:vodi(0)后果然就好了~~一脸懵逼的我上网看了
easyui防止弹窗超过父页面顶部
在工作中使用easyui时常常会遇到这样的问题,当弹窗可以拖拽时,不小心拖拽到父页面的顶部以后就拽不回来了 其实解决办法很简单只需要在父页面引入下面的js就可以了 var easyuiPanelOnMove = function (left, top) { var l = left; var t = top; if (l < 1) { l = 1; ...
easyUI-入门
文章目录jQuery EasyUI 的简介layouttreetabs jQuery EasyUI 的简介 1、什么是easyui? easyui是一种基于jQuery的用户界面插件集合 2、easyui能带给我们什么好处? 1)easyui是个完美支持HTML5网页的完整框架 2)easyui节省网页开发的时间和规模 3)easyui很简单但功能强大 3、 防止页面缓存 <meta...
easyui打开新页面_jquery-easyui中创建Window窗口
jquery-easyui中创建窗口很简单,建立一个DIV就行了:Some Content.这样不用写一行JS代码窗口就会出现在屏幕上:如果想建立一个隐藏的窗口,则需要设置属性closed="true",需要打开时调用open方法就行:$('#win').window('open');作为例子,我们创建一个登录窗口:Name: Pass: OkCancel效果图如下:分享到: ...
easyui-datebox只选择年月
传入datebox的id即可,适用easyui的版本1.4.3,其他版本未测试,请自行测试
对于easyui的使用的一些初步注释
var firstShowEditForm=0; var opertype = ""; var lastDblClickRowData = null; var btnSave = null; $(document).ready(function(){ $(function(){ $('#tbQueryList').datagrid({ //easy ui数据表格
easyui中window、panel、dialog在移动时,超出边框修复
var panelMo = function(left, top) { var parentObj = $(this).panel('panel').parent(); if (left < 0) { $(this).window('move', { left : 1 }); } if (top < 0) { $(this).
EasyUI ---- draggable可拖动的用法
<link href="~/Scripts/easyui1.5/themes/default/easyui.css" rel="stylesheet" /> <link href="~/Scripts/easyui1.5/themes/icon.css" rel="stylesheet" /> <script src="~/Sc...
easyUI 前端框架 table右侧留白 处理以及表格自适应屏幕
html: <div class="easyui-navpanel" style="width:100%;"> <table id="change-list" style="height:100%;width: 100%;" > <thead id="c-thead"></thead> ...
easyui中的window打开大小、位置问题
window在使用过程中发现如下问题: 1.iframe中使用window时,只能在iframe内层弹出,这样就限制了窗口的大小,目前的解决办法是把window放在外层构造。 2.windows在拖放时,如果拖到浏览器外,再次打开时,由于没有TITLE,造成了窗体无法拖动,目前的解决办法是手动计算窗体位置,再次打开时重新定位。希望作者在源码中处理一下,防止窗体拖出浏览器之外的情形发生。同时
防止panel,dialog,window超出父元素边界
内容转自:http://www.easyui.info/archives/430.html 特此感谢 在国内的一个关注easyui的论坛上,有位牛人,使用panel的onMove事件解决了panel,dialog以及window组件在被拖动时,会超出浏览器边界而无法拖回的情况,不过仔细分析一下代码,对于右下两侧的重定位还是存在问题的,原来的文章请点击这里查看。 代码改进: 大家试一下就可
easyui datagrid组件 单击全选 让指定的几行不选中,没指定的依然选中
一:效果图: 二:页面效果图代码: var IsCheckFlag = true; //标示是否是勾选复选框选中行的,...
easyui 1.4.3 窗口创建或拖动超过父元素 边界 BUG 解决方法
使用EASYUI 窗口时,创建或者移动 会超过父元素边界,不能关闭,非常别扭。 风来了.fox 标记:主要这边 就是要注意的地方 /** * * @param title * @param href * @param width * @param height * @param modal * @param minimizable * @param maximizable
easyui datagrid获取选择行的数据
一:datagrid列表 //绚染列表 $('#tt').datagrid({ title:"系统管理员列表", iconCls:"icon-save",//图标 url:'xxxxx.action', width:"100%", height:"auto", nowrap: false,
MVC+EF easyui dataGrid 动态加载分页表格
首先上javascript的代码 <script type="text/javascript"> $(function () { LoadGrid(); }) //加载表格!!! function LoadGrid() { $('#roleGrid').datagrid({ width:...
【第一篇】说说MVC+EF easyui dataGrid 动态加载分页表格
首先上javascript的代码 <script type="text/javascript"> $(function () { LoadGrid(); }) //加载表格!!! function LoadGrid() { $('#roleGrid').datagrid({ ...
转 -- MVC+EF easyui dataGrid 动态加载分页表格
首先上javascript的代码 <script type="text/javascript"> $(function () { LoadGrid(); }) //加载表格!!! function LoadGrid() { $('#roleGrid').datagrid({ ...
735




被折叠的 条评论
为什么被折叠?



