easyui中window、panel、dialog在移动时,超出边框修复
2016-10-20 12:05
483 查看
<script type="text/javascript"> var panelMo = function(left, top) { var parentObj = $(this).panel('panel').parent(); if (left < 0) { $(this).window('move', { left : 1 }); } if (top < 0) { $(this).window('move', { top : 1 }); } var width = $(this).panel('options').width; var height = $(this).panel('options').height; var right = left + width; var buttom = top + height; var parentWidth = parentObj.width(); var parentHeight = parentObj.height(); if(parentObj.css("overflow")=="hidden"){ if(left > parentWidth-width){ $(this).window('move', { "left":parentWidth-width }); } if(top > parentHeight-height){ $(this).window('move', { "top":parentHeight-height }); } } } $.fn.panel.defaults.onMove = panelMoving; $.fn.window.defaults.onMove = panelMoving; $.fn.dialog.defaults.onMove = panelMoving; </script>这样写会出现一个问题,就是在窗口在拉伸时,如果碰到边界,那么页面上的标签都会失效,所以要在窗口加一个属性,禁止拉伸 resizable="false"
相关文章推荐
- easyui防止panel,dialog,window超出父元素边界
- 防止easyui的panel/window/dialog组件超出浏览器边境
- EasyUI 关于 panel,window,dialog 通过href加载页面,页面中引用的js不执行的解决方案
- 解决Jquery easyui中dialog、window、panel三个组件拖动超出父元素界限问题
- EasyUI学习第二篇:基础组件(panel、window、dialog、LinkButton、easyLoader )
- panel,dialog,window组件越界(超出范围)问题汇总
- 防止panel,dialog,window超出父元素边界
- panel,dialog,window组件越界问题汇总
- panel,dialog,window组件越界问题汇总
- 解决Extjs 4 Panel作为Window组件的子组件时出现双重边框问题
- EasyUI dialog不显示边框的处理。
- jQuery EasyUI基础组件(panel,window,dialog)
- (四)jquery easyui panel window使用
- Easyui--window、dialog....实例
- 稳扎稳打Silverlight(35) - 3.0控件之ChildWindow, SaveFileDialog, HeaderedItemsControl, VirtualizingStackPanel
- window.showModelessDialog 兼容性,及easyUI 模态框
- jquery-easyui:window或dialog 中弹出的多个窗口中不能含相同的名称的form 或 input
- 稳扎稳打Silverlight(35) - 3.0控件之ChildWindow, SaveFileDialog, HeaderedItemsControl, VirtualizingStackPanel
- WIN32无边框窗体的缩放、移动与WM_NCHITTEST消息&&UpdateLayeredWindow重要心得
- jquery easyui dialog不超出父容器以及随浏览器缩放