`
shappy1978
  • 浏览: 700567 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Ext Portal如何消除横向滚动条

    博客分类:
  • Web
阅读更多
//shappy 解决横向滚动条的问题
portal.body.dom.style.overflowX='hidden'
portal.body.dom.style.overflowY='auto'
Ext的Portal在高度太大时,如果autoScroll=true(默认),就会出现滚动条,但是很狗血的是同样会出现横向滚动条,实际上Ext的grid,tabPanel等多种容器都会出现类似的问题,但是解决方法不同.google和官方论坛上搜索了很久,相关主题有,但是都没有解答,今天终于解决了,需要手动修改里面层的样式,Portal从Panel继承,滚动条也是从Panel中继承过来的,通过firebug观察发现autoscroll=true时,会在里面的某个自动生成的div自动设置overflow:auto,要避免横向滚动条的出现,必须修改overflowX的设置,测试了Panle中几个样式的属性,都无法直接给目标div设置样式,观察了Panel的setOverflow代码后,采取了上面的直接修改样式的方式.
总结一下Ext问题搜索的技巧:
1 google上搜索命中率很低,可能和必须加上ext关键字有关,国内基本上搜索不到什么有价值的文章,所以想搜索到问题还是啃英文吧
2 官方论坛上提供了用Google做网内搜索的方法:http://www.google.com/cse?cx=001733999371871106761%3Ajgc8jk2xgwe&ie=UTF-8,官方论坛很慢,慢慢忍受吧
3 很多时候还是需要自己解决问题,ms script debugger和firebug是必备的工具,前者用于断点切入和观察对象属性,后者功能强大,我主要用来看层的一些属性和样式
4 Ext的帮助文件,见附件
2
0
分享到:
评论
3 楼 kk31715408 2011-08-06  
还是不太清楚在哪改
2 楼 kk31715408 2011-08-06  
好好好好好好好好好好好好好好好好好
1 楼 huaizhigong 2009-09-15  
请问是咋修改的,能否指点下,谢谢。

相关推荐

    Ext中的Grid控制纵向滚动条单次滚动量

    总结起来,控制Ext Grid Panel的纵向滚动条单次滚动量涉及到对Grid的滚动事件进行监听和自定义处理。通过计算滚动像素与行高之间的关系,我们可以实现对滚动行数的控制,从而优化用户的浏览体验。在实际开发中,还...

    Ext grid panel 滚动条位置不变

    ### Ext grid panel 滚动条位置不变 在前端开发领域,特别是在使用Ext JS框架时,保持滚动条位置不变是一个非常实用的功能。特别是在处理实时数据更新的场景下,这一功能可以确保用户在数据刷新后仍然停留在之前...

    ext Gird 有滚动条功能

    在Ext Grid中,滚动条功能是至关重要的,特别是在处理大量数据时,它允许用户在不改变窗口大小的情况下浏览数据。本篇文章将深入探讨Ext Grid的滚动条功能,以及如何实现和自定义这一特性。 首先,我们要理解Ext ...

    ext portal

    标题中的"ext portal"指的是Ext JS中的Portal布局,这是一种用于创建可自定义面板布局的工具,常用于构建具有可拖动、可调整大小和可排序小部件的仪表板界面。Ext JS是一个强大的JavaScript库,专注于构建富客户端...

    改造过的ext portal

    "EXT Portal"是一种基于Ext JS框架构建的企业级门户系统,它提供了一个用户界面来整合不同的应用程序和服务。在您的描述中提到的"改造过的EXT Portal"指的是对原版EXT Portal进行了定制化开发,以适应特定需求或改进...

    Extjs gridpanel 出现横向滚动条问题的解决方法

    在使用ExtJS开发Web应用程序时,经常会遇到在GridPanel中数据列过多,导致横向滚动条自动出现的问题。这个问题主要是由于GridPanel的宽度不足以容纳所有的列宽,因此浏览器会自动显示横向滚动条以便用户查看全部数据...

    Ext portal例子

    Ext Portal 是一个基于 Ext JS 框架的可定制化门户解决方案。Ext JS 是一个流行的JavaScript库,用于构建用户界面,特别是复杂的Web应用程序。在本示例中,"Ext portal例子" 提供了一个演示如何使用Ext JS来创建一个...

    ext portal 可拖拉面板

    EXT Portal 是一个大型网站应用的一部分功能示例,全部是仿Windows窗口的布局,每一个都可以实现拖动,可以设置一行或一列显示多少窗口,可以调用远程窗口,还有一些其它功能不知如何描述,请下载自己体验。

    Ext js 的一个 Portal 框架

    Ext js 的一个 Portal 框架Portal Portal Portal Portal Portal Portal Portal

    textarea去掉滚动条 textarea横向或纵向滚动条的去掉方法

    要去掉`textarea`的滚动条,可以分别使用`overflow-x`和`overflow-y`属性来控制横向和纵向的滚动条。例如,如果你想要隐藏`textarea`的横向滚动条,可以这样设置: ```html ;"> ``` 同样,如果想隐藏纵向滚动条,...

    EXT页面波浪滚动效果

    EXT页面波浪滚动效果是一种视觉上引人入胜的网页动态设计,主要通过JavaScript实现,为网站增添生动的动画感,提升用户体验。这种效果通常应用于网站背景或特定内容区域,创造出水流、波浪或者液体流动的视觉感受。...

    上专一个EXT做的PORTAL

    在本例中,"上专一个EXT做的PORTAL"指的是使用EXT库开发的一个类似QQ空间的门户平台。EXT PORTAL是一个可高度定制的框架,它允许用户创建具有动态布局、模板和主题的交互式网页应用。 1. **EXT布局**: EXT提供了...

    ext3横向菜单

    横向菜单通常指的是在用户界面上,菜单项水平排列的方式。这与垂直菜单(菜单项垂直排列)相比,更节省屏幕空间,适合在宽度有限的设备上使用,比如窄屏显示器或移动设备。在Linux环境中,这种菜单设计可能出现在...

    Extjs4.0 列隐藏和滚动条动态加载

    ExtJS 4.0 引入了一个新的Scroller组件,它可以处理表格的垂直和水平滚动。滚动条动态加载,也称为虚拟滚动,是一种优化性能的技术,仅加载或渲染屏幕上的数据,而不是一次性加载整个数据集。这使得处理大量数据时...

    ExtJs2.2的grid滚动条以及点Grid发生偏移问题

    解决如下两个Bug: Bug1:出现纵向滚动条后,将横向滚动条拖到最后,然后会发现每选择一条记录...Bug2:出现横向滚动条后,向右稍拉滚动条,然后点击任意一行,会发现行内容向左偏移,滚动条向右越多,偏移越明显。

    html滚动条 textarea属性设置

    1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条) overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。...

    自定义滚动条:使用自定义滚动条使Firefox具有个性化效果!

    自定义滚动条 使用自定义滚动条颜色为您的Firefox浏览器提供个性化的触摸效果! 您可以从任何颜色范围中进行选择,并在默认宽度和细滚动条之间切换...或者,如果这是使您的船浮起的话,则将其完全隐藏。 注意:...

    EXT分页工具条

    EXT分页工具条是一款在Web应用中常用的组件,主要用于展示数据集的分页信息,让用户能够方便地浏览大量数据。EXT是一个强大的JavaScript框架,它提供了丰富的UI组件和数据管理功能,使得开发人员能够构建高性能、...

    ext tree grid 的高级实例运用

    在EXT JS这个强大的JavaScript框架中,`Tree`和`Grid`是两个非常重要的组件,用于构建数据密集型的用户界面。在"ext tree grid 的高级实例运用"中,我们将深入探讨如何有效地结合这两个组件,实现复杂的交互功能。...

Global site tag (gtag.js) - Google Analytics