easyui dialog小窗口的时候会被遮罩住

haixuan1137 2016-06-17 03:34:18

情况就是这个样子的在小窗口的时候打开dialog会被父窗口遮住，不能拖拽回来也不能关闭。

...全文

359 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

萨拉嘿 2016-06-17

打赏
举报

回复

查看下dialog的z-index属性

本文介绍了在jQuery前端框架easyui开发UI时，使用Dialog时发现遮罩无法覆盖页面内容，而且对话框也显示不出来，经过一番研究，才发现问题所在，这里分享给大家，有相同情况的小伙伴可以参考下

本文为大家介绍下父页面显示遮罩层，弹出半透明状态的dialog。dialog即弹出的子页面,需要的朋友可以参考下

这是一套技术比较全面的EasyUI视频,由浅入深的几乎涵盖了所有EasyUI常用的组件,本课程后台Java端采用的是传统JDBC的技术,因为这套课程主要突出的是EasyUI的使用,所有后台这块技术大家可以忽略,只要有Java框架基础的同学,那后台是可以随意换的.本门课程的技术呢比较陈旧,视频中的有些杂音,如果你们公司用不着这个技术你就别学了,因为这技术确实已经挺老的了,可以学一些新的前端技术,例如BootStrap或者Vue,或者angularJS啦什么都可以.课程目标:1.熟练掌握EasyUI介绍和环境搭建2.熟练掌握Messager和window组件使用3.熟练掌握Dialog组件使用.4.熟练掌握表单验证,numberbox等组件使用5.熟练掌握layout布局组件6.熟练掌握datagrid组件增删改查详解7.熟练掌握可编辑表格Combo组件详解8.熟练掌握combo组件详解,省市县级联菜单9.熟练掌握tree组件详解,拖拽,增删改查

当dialog在一个iframe里时，此dialog的遮罩层也会只覆盖这个iframe,要想覆盖整个页面，就把dialog写到最外层的父页面中去，此时dialog的遮罩层会自动覆盖整个页面，若需要从子页面去获取父页面的dom对象，用parent.window.$(" ")的形式。

问题现象是这样 dialog宽度获取不对，导致右侧关闭按钮及底部按钮被遮挡，此时如果拖动边框改变对话框的大小被遮挡的部分又重新出现了。弹层js定义如下$("#report_panel").dialog({ width: 860, height: 465, modal: true, closed: true, resizable: true,

87,915

社区成员

224,619

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章