Ext 设置panel内部的gridpanel的滚动条
来源:互联网 发布:服务器运行java服务端 编辑:程序博客网 时间:2024/05/16 00:32
今天被GridPanel的滚动条问题困惑了很久
1、在GridPanel中设置 autoScroll="true" 和autoHeight=“true”和autoWidth=“true”时滚动条不出现
2、在GridPanel中设置autoScroll="true" 和Height=“1152”和Width=“718”时滚动条才出现,但是设置固定宽度后换个分辨率不同的浏览器就乱套了
3、于是各种百度,各种查找解决办法,终于有一种行得通了,大师是这么说的,如下:
当gridPanel 的实际宽度大于其父容器panel的时候,超出的1部分表格被默认隐藏,滚动条不见了。
这时候我们一般要做两件事 1.把滚动条找回来,2.将滚动条放到panel上,
这样子才能最大程度上满足用户使用感受
解决方案如下:
其实很简单,只要配置下gridPanel 属性:
1.bodyStyle: 'overflow-x:hidden; overflow-y:hidden',(隐藏grid滚动条)。
2.一般这样之后就ok了,有时候可能父容器panel的属性还要设置下 autoScroll:true,但是Extjs默认就是如此,一般是在受到其他组件影响的情况后才需要去设置。
原文链接:http://mowenchuxin.blog.51cto.com/8094760/1316642
于是我按照大师的解决办法,尝试去掉GridPanel下的autoScroll:true配置,把autoScroll:true设置到Panel上,然后将bodyStyle: 'overflow-x:hidden; overflow-y:hidden'配置到GridPanel上面,接下来期盼已久的滚动条居然出来了,既然比想象的简单得多,并不像别人说的我的多个GridPanel导致滚动条无法出现,后面发现如果把bodyStyle: 'overflow-x:hidden; overflow-y:hidden'从GridPanel上去掉只留下Panel上的autoScroll:true配置滚动条也是会出现的。
有关panel的属性可以看:
http://www.cnblogs.com/zqmingok/articles/1698336.html
- Ext 设置panel内部的gridpanel的滚动条
- Extjs4 设置panel内部的gridpanel的滚动条
- ext的GridPanel控制滚动条
- Extjs gridpanel横向滚动条的问题
- Ext的panel中部分固定显示,部分拖动显示-滚动条
- Ext的panel中部分固定显示,部分拖动显示-滚动条 .
- ExtJs Panel 滚动条设置
- 一个给力的布局:使用Ext.Viewport+Ext.Panel布局(带选项卡+滚动条+隐藏/扩展)
- 关于Extjs gridpanel设置autoHeight:true时,横向滚动条的问题
- 关于Extjs gridpanel设置autoHeight:true时,横向滚动条的问题 .
- EXT中panel高度的设置
- Ext gridpanel的使用
- Extjs4.1向Ext.grid.Panel创建的gridpanel中动态在第一行插入数据
- [Ext.Net]GridPanel滚动条添加在底部
- Ext.Panel的主要功能
- Ext.Panel的主要功能
- Ext gridPanel ColumnModel中钱的格式设置
- EXT Panel 关于横纵向滚动条问题
- HTTP协议的八种方法简介
- redis学习 第三章 5种数据类型----hash类型
- 广告相关行业平台
- PHP后台 iOS上传文件
- 个人笔记【WM_CONCA()分组逗号拼接字段】
- Ext 设置panel内部的gridpanel的滚动条
- ListView的展开合并
- libvlc播放节目时,进行转录
- 深入理解面向对象编程中接口的实现
- LeetCode—415. Add Strings
- 素材网站
- Sql Server 的几个简单语句
- 微信支付java版本之JSAPI支付+发送模板消息
- 微信小程序开发