`
hojor
  • 浏览: 108708 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

[每日一得]EXT的accordion中放treepanel在IE6中不显示横向滚动条的问题解决

阅读更多

 


这种场景用在业务系统的左边菜单树最多,
Viewport->westPanel,然后westPanel的layout为accordion,
然后在westPanel中放多个treePanel,
这时在IE6,显示如果树超出了显示范围只会出现纵向滚动条而不会出现横向滚动条,
如果把westPanel继续拖小,连纵向滚动条也会被遮住。
具体代码可见我在EXT官方论坛上发的贴子
目前在官方论坛还没有解决方案。
多次尝试后的处理方式是在每个treePanel外面再包一层layout为border的Panel,treePanel的region: 'center',
然后把这个新加的Panel加到westPanel中就好了。
===================================
官方有开发人员回贴了,有了更好的解决方案,
在jsp或html中增加如下CSS:
<style type="text/css">
  .ext-ie .x-tree .x-panel-body {position: relative;}
  .ext-ie .x-tree .x-tree-root-ct {position: absolute;}
 </style>
分享到:
评论
2 楼 Nian_jun 2014-04-22  
非常感谢,半天原来是个bug
1 楼 lanniao 2009-11-30  
谢谢了  解决我的大问题了

相关推荐

    extjs4中panel的accordion布局以及treepanel导航

    在EXTJS4中,Panel和TreePanel是两个非常重要的组件,它们在构建用户界面时扮演着核心角色。本文将深入探讨Panel的accordion布局以及TreePanel的动态导航功能,帮助开发者更好地理解和运用这些特性。 首先,让我们...

    带动画伸缩菜单可分级菜单超出后自动显示滚动条滚动条样式自定义

    "带动画伸缩菜单可分级菜单超出后自动显示滚动条滚动条样式自定义"这一主题聚焦于前端开发中的交互设计,主要涉及以下几个核心知识点: 1. **伸缩菜单(Accordion Menu)**: 伸缩菜单是一种节省空间、提升用户...

    Silverlight中Accordion组件动态生成示例

    在本文中,我们将深入探讨Silverlight中的Accordion组件及其在动态生成场景中的应用。Silverlight,由微软开发,是一种用于创建富互联网应用程序(RIA)的技术,它允许开发者构建具有丰富的交互性和多媒体功能的Web...

    ExtJS4+Accordion+SERVLET/STRUTS2+JSON+Ext.tree.Panel实例

    在这个实例中,Ext.tree.Panel可能被用来展示由Accordion布局管理的各个类别,每个类别下可能包含一系列子项,这些子项通过与后台Servlet或Struts2的交互,用JSON数据填充。 总结来说,这个实例展示了如何将前端的...

    KISSY实现横向Accordion效果.zip

    标题中的“KISSY实现横向Accordion效果”是一个前端开发中的实践案例,主要涉及JavaScript库KISSY的应用以及一种常见的UI组件——Accordion(手风琴)的实现。Accordion通常用于展示内容,用户可以逐个展开或折叠...

    Ajax控件之Accordion控件问题解决办法-详细操作步骤

    然而,在使用Accordion控件的过程中,可能会遇到各种各样的问题,尤其是在VS2005或VS2008这样的旧版开发环境中。本文将详细介绍如何正确地使用Accordion控件,并提供具体的解决步骤。 #### 一、确保Ajax支持环境...

    ExtjS--accordion布局

    至于工具,ExtJS 提供了丰富的API文档和社区资源,如iteye上的博客,可以帮助开发者解决问题和学习新的技巧。在实际开发中,可以结合IDE的代码提示和调试工具,以及在线示例和教程,快速掌握accordion布局的用法。 ...

    accordion

    "Accordion"在IT行业中通常指的是一个用户界面元素,它是一种可折叠的内容区域,常用于网页设计和应用程序中。这种设计模式允许用户展开或关闭各个部分,以显示或隐藏详细信息,从而节省空间并提高交互性。它在网页...

    手风琴菜单.滚动条.固定高度

    在这个例子中,`.accordion .title`选择器定位到所有的菜单标题,当点击这些标题时,它们相邻的`.content`元素(即二级菜单)会通过`slideToggle`方法进行滑动显示或隐藏。`slow`参数表示这个过程将有渐进式的动画...

    jquery UI accordion 菜单折叠

    jQuery UI Accordion是一款非常流行的JavaScript库,用于创建交互式的折叠菜单...在实践中,你可能还会遇到如何与其他jQuery UI组件结合使用、优化性能、兼容不同浏览器等问题,这些都是进一步提升技术能力的重要课题。

    EXT中文手册8

    这在全屏幕应用中尤为重要,因为浏览器窗口的大小变化可能导致布局错乱,而 `Viewport` 能够自动处理这些问题,确保应用界面始终保持良好的视觉效果和可用性。 #### 布局Layouts:构建优雅界面的强大工具 在EXT ...

    动态制作Accordion控件

    动态制作Accordion控件意味着我们不是在页面静态加载时预定义这些菜单项,而是在运行时根据需要从数据库中获取数据来创建它们。 在实现动态Accordion控件的过程中,我们需要考虑以下几个关键知识点: 1. 数据库...

    扩展控件Accordion折叠面板+CollapsiblePanel 面板隐藏.rar

    6. **兼容性**:确保控件在主流浏览器和操作系统上的兼容性,包括Chrome、Firefox、Safari、Edge等,并且考虑IE的兼容性需求。 这个压缩包文件"扩展控件Accordion折叠面板+CollapsiblePanel 面板隐藏"提供的资源...

    jquery ui dialog ie8出现滚动条的解决方法

    另外还提到了另一种修改方法,其中将overflow-x属性设置为了auto,这个选项实际上并没有解决问题,因为auto允许滚动条出现,只是在没有内容溢出的时候不会显示滚动条。通常情况下,隐藏滚动条的做法更受推荐,因为它...

    easyui兼容ie6方法总结

    综上所述,解决 EasyUI 在 IE6 中的兼容性问题需要从代码优化、性能提升、错误处理、样式调整等多个角度出发,通过精细化的前端工程实践,确保在 IE6 下也能提供良好的用户体验。然而,随着技术的发展,逐渐淘汰对老...

    accordion0.96.zip

    "accordion0.96.zip" 是一个与Delphi编程相关的压缩包,可能包含了一个名为"accordion"的组件或库,用于在Delphi应用程序中实现折叠面板(Accordion)的效果。Delphi是一款强大的对象 Pascal 编程工具,常用于开发...

    ext实例 ext操作步骤

    4. **Card布局**:由`Ext.layout.CardLayout`定义,只在特定时间显示一个子组件,常用于步骤向导或选项卡式界面。 **创建窗口**在EXT中,窗口通常用于弹出式对话框或者独立的功能区。EXT提供了`Ext.Window`类来创建...

    jquery accordion 菜单折叠效果

    在网页设计和开发中,jQuery Accordion 是一种常见的交互元素,它通过折叠和展开的方式组织内容,使得用户能够更高效地浏览和导航。这个技术基于流行的JavaScript库jQuery,以其简洁的API和强大的功能赢得了开发者们...

    Flex4中头部背景图片的Accordion

    ### Flex4中头部背景图片的Accordion知识点解析 在Flex4框架中,开发人员经常需要创建具有高度定制化外观的应用程序组件。本篇文章将基于提供的文件信息深入探讨如何在Flex4中实现一个拥有自定义头部背景图片的...

    Ajax之Accordion控件的用法

    Accordion控件是Ajax技术中一个常用的交互组件,它在网页设计和开发中有着广泛的应用。Ajax,即Asynchronous JavaScript and XML(异步JavaScript和XML),是一种创建动态网页的技术,允许在不重新加载整个页面的...

Global site tag (gtag.js) - Google Analytics