extjs.treePanel在ie9下滚动条的显示问题

简介:
新接手的项目前端用的是extjs。在ie9下有一个treepanel的下拉滚动条死活出不来。
后来把树的定义改成了这样:

var multiSelectTree = new Ext.tree.TreePanel({
        //id : 'multiSelectTree',
        width : 200,
        height : 200,
        layout : 'fit',
        onlyLeafCheckable : true,
        animate : true,
        rootVisible : true,
        autoScroll : true,
        containerScroll : true,// 是否支持滚动条
……

主要是这几个属性的配置:
containerScroll : true,// 是否支持滚动条
autoScroll : true,
layout : 'fit',
animate : true,

前三项还比较好理解,是和滚动条直接相关的。最后一项有点莫名其妙:展开/闭合节点时是否使用动画。经我的测试,如果这一项配置为false,那么ie9下的下拉滚动条就不会正常展示;配置为true之后,在动画播放完毕后,就能自动把滚动条展示出来了。

估计是因为 播放动画之后,extjs自动对treepanel的状态、展示等做了一次更新、重渲染,从而正确展示出了滚动条。

当然,extjs要在ie9下正常使用,先得在html的head里加上这一行:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />



本文转自 斯然在天边 51CTO博客,原文链接:http://blog.51cto.com/winters1224/903946,如需转载请自行联系原作者

相关文章
|
JavaScript 前端开发
|
前端开发 容器 JavaScript
ExtJS4中设置tabpanel的tab高度问题
  最近碰到个问题,在ExtJS中应该如何设置tabpanel的tab的高度?因为默认情况下,tab的高度太矮了,以至于tab的标题底部字都被截掉。设置了个tabpanel.minHeight = ‘500’,但是这个仅仅是设置tabpanel的高度,而不是设置tabpanel的每个tab的标题的高度。
947 0
|
前端开发 JavaScript
|
XML JavaScript 前端开发
|
Web App开发 存储 JavaScript
ExtJS专题-TreePanel(1)收藏
 ExtJS专题-TreePanel(1)收藏这次我们来学习下ExtJS中的树面板(TreePanel),很多人都说,只是为了树,都要好好学习ExtJS!可见大家对Tree的一往情深。从另一方面来说,Tree这种结构在实际项目中也的确用得相当广泛,所以我们很有必要研究一下它。
620 0
|
JavaScript 前端开发 API
|
JavaScript 前端开发
Silverlight Telerik控件学习:TreeView数据绑定并初始化选中状态、PanelBar的Accordion效果、TabPanel、Frame基本使用
实际开发中控件的数据源肯定是动态绑定的,不可能在xaml里写死item项。既然要绑定,就先来几个实体类: 上面是类图,各类的代码如下:  BusinessBaseObject using System.
1081 0
|
前端开发 JavaScript
ExtJs学习笔记(8)_TabPanel的用法
啥也不说了,直接上代码:   DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.
849 0
|
容器
C#panel控件使用的技巧
图1     很多时候,我们会做图1的设计。在窗体设计时,panel上面放上两个容器。一般情况下这两个容器是不显示的,只在通过下面的[显示1号框]、[显示2号框]来显示。
1245 0

热门文章

最新文章