extjs.treePanel在ie9下滚动条的显示问题
2012-06-20 16:25
411 查看
新接手的项目前端用的是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" />
本文出自 “编程的摩羯男” 博客,请务必保留此出处http://winters1224.blog.51cto.com/3021203/903946
后来把树的定义改成了这样:
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" />
本文出自 “编程的摩羯男” 博客,请务必保留此出处http://winters1224.blog.51cto.com/3021203/903946
相关文章推荐
- ExtJS4.2 panel不显示滚动条问题
- extjs 在IE8下TreePanel第一次无法显示问题
- 解决Extjs的GridPanel在IE6下不显示滚动条问题
- TreePanel的横向和纵向滚动条在IE6不显示问题
- TreeNode的显示与隐藏(Extjs关于node.ui的问题)
- EXTJS中TreePanel和TabPanel配合使用的问题
- Extjs EditorGridPanel中ComboBox列的显示问题(默认显示键而不是值)
- Extjs的gridpanel数据在IE中无法显示的问题
- Extjs EditorGridPanel中ComboBox列的显示问题
- 解决ExtJS TreePanel 的 iconCls设置问题
- Extjs EditorGridPanel中ComboBox列的显示问题
- extjs中tree在ie下显示不正常的问题
- EXTJS桌面显示窗口(左边:TREE,右边:PANEL),点击按钮弹出窗口编辑数据提交后台PHP。
- extjs3.3 itemselector组件不显示滚动条问题?
- 解决IE9下Extjs4文字显示太小问题
- ExtJS学习1--treepanel的几个问题,导盲贴
- 关于Ext中TreePanel的滚动条问题
- ExtJs TreePanel使用TreeLoader在IE下无法正常加载显示的解决方法
- Extjs GridPanel 中放入 Combox显示问题
- 解决Ext 4.0.7 tree.Panel横向不出滚动条,纵向滚动条失效的问题