extjs中滚动条属性_ExtJS 4之 控制显示隐藏滚动条、隐藏横向滚动条

ExtJS 都是通过配置完成功能,滚动条也不例外,ExtJS默认是隐藏滚动条,我们来看看怎么显示出来,还是引用之前的例子:

Ext.create('Ext.panel.Panel',{

title:'控制面板',

id:'newpanel',

width:400,

autoScroll:true,

height:400,

html:'Hi',

renderTo:Ext.getBody()

});

从上面代码,高亮部分就是控制滚动条了。字面也很清楚,默认是false也就是隐藏,我们只需要true就可以显示了。一般情况下没啥问题,但是。。。如果你页面过长。。。那么问题就来了。这货会显示横向滚动条,也就是autoScroll其实是控制2条滚动条的。

OK到这里我继续批评下网上的老文章和一些不负责任的问题主,文章乱搬,不做实验。要么就是问题解决了不提供解决方法。当然也感谢下真心默默付出的各位呵呵~~

那么我们来修改一下代码吧,其实你接触过ExtJS会知道其实还有一个东西叫做bodyStyle,用于设置主体内容样式的可以直接写CSS代码。来一起看看,改造后的吧:

Ext.create('Ext.panel.Panel',{

title:'控制面板',

id:'newpanel',

width:400,

bodyStyle :"overflow-x:hidden;overflow-y:auto",

height:400,

html:'Hi',

renderTo:Ext.getBody()

});

OK,这样滚动条就彻底被控制了,隐藏了横向滚动条。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:游动-白 设计师:我叫白小胖 返回首页
评论

打赏作者

Taraus zhang

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值