解决Ext.Window放大关闭后滚动条消失和滚动页面时最大化Window位置的方法
2012-06-26 10:14
751 查看
解决Ext.Window放大关闭后滚动条消失和滚动页面时最大化Window位置的方法
应用场景: 一个表格列表,点击表格上的某一行,弹出一个Ext.Window显示其他资料。(修改、显示详情等等),如下图: 很多情况下我们只是使用Ext的某一些功能,如Ext.Window.在你的页面长度没有越过一页,即没有滚动条的时候,使用Ext.Window是不会有任何问题的。但当你的页面长度超过一页,有滚动条时,使用Ext.Window会出现以下两个问题: 你可以试用一下: http://extjs.org.cn/extjs/mydemo/0007_window_position_error.html 1、Ext.Window放大后,再点击关闭按钮,页面右边的滚动条会消失,出现一条白边,页面不能滚动了。如下图: 2、向下拖动页面至某一个地方,弹出一个Ext.Window,这个时候如果点击放大,窗体会放大,但位置在最顶上,这时候你什么也不能操作,只能重新刷新页面。如下图 解决办法其实很简单,只要在Window中添加两个listeners就可以了。 listeners: { close:function(w){ //关键部分:关闭窗口前先还原,滚动条才不会消失 w.restore(); }, maximize:function(w){ //关键部分:最大化后需要将窗口重新定位,否则窗口会从最顶端开始最大化 w.setPosition(document.body.scrollLeft,document.body.scrollTop); } }
相关文章推荐
- 解决Ext.Window放大关闭后滚动条消失和滚动页面时最大化Window位置的方法
- Bootstrap Modal 关闭时右侧滚动条消失,页面左移的解决方法
- window.open()关闭子页面父页面不刷新的解决方法
- 中间部分滚动记录div内滚动条的位置, 以及将页面分为三部分组成解决position:fixed在ios下失效问题
- 如何让滚动条消失,且页面可以正常滚动(解决写选项卡时可能遇见的一个问题)
- css实现div悬浮层,始终停留在浏览器的最下方,不随页面的滚动条滚动改变位置或消失
- vue2.0路由切换后页面滚动位置不变BUG的解决方法
- 关闭页面window.location事件未执行的原因及解决方法
- Extjs GridPanel 合计功能 解决滚动条滚动问题和页面刷新滚动条回到初始位置问题。
- 在 360浏览器下 position:relative; 不随着滚动条的滚动而滚动而是飘在页面上 解决方法 给父级也就是出现滚动条的元素添加 position:relative;就ok l了
- Extjs GridPanel 合计功能 解决滚动条滚动问题和页面刷新滚动条回到初始位置问题。
- vue2.0 页面A跳转到页面B,B页面停留在A页面的滚动位置的解决方法
- 关于切换页面时自动滚动到有RecyclerView的位置的解决方法
- 关闭页面window.location事件未执行的原因及解决方法
- IE8打开某个页面提示“Internet Explorer已经为了帮助保护您的计算机而关闭此网页”的解决方法
- 点击导航缓动至滚动条对应位置,滚动页面时设置对应导航的选择状态
- Study Html《如何让DIV固定在页面的某个位置而不随着滚动条随意滚动》
- 页面加载完毕后滚动条自动滚动一定位置
- window.showModalDialog();会弹出当前页面脚本发生错误部分解决方法
- Easyui - dialog,window影响父页面布局的BUG解决方法