+ -
当前位置:首页 → 问答吧 → ExtJs横向滚动条的问题

ExtJs横向滚动条的问题

时间:2011-10-10

来源:互联网

Ext.define('ExtTest.view.Viewport', {
  extend: 'Ext.container.Viewport',
  autoScroll: true,
  layout:
  { type: 'anchor'

  },
  items: [{
  //width: '100%'
  height: 1200,
  title: 'Item 2',
  html: '50% 30%'
 }]
});
这样写竖向的滚动条就会出来,但是让人无语的是横向的竟然也出来了。请问怎么解决?跟踪了下代码,最后的到的结果:Div的width不直接为是100%,而是多此一举的算出为1366(屏幕分辨率).
版本是4.0

作者: aassbu   发布时间: 2011-10-10

没人回答噶?

作者: aassbu   发布时间: 2011-10-10

自己顶

作者: aassbu   发布时间: 2011-10-10

autoWidth:true

作者: diky87688973   发布时间: 2011-10-10

3楼正解

作者: wy58555264   发布时间: 2011-10-10

不行!还是一样有滚动条

作者: aassbu   发布时间: 2011-10-10

引用 5 楼 aassbu 的回复:

不行!还是一样有滚动条


直接来硬的吧。用firebug看dom模型,找到内容溢出后出现滚动条的div,记住相对于ext组件中的body位置

再加上render事件,当渲染完毕后,手动操作dom,将超出部分的样式修改掉。

其实Ext中用好autoWidth,很多自适应布局相当方便。

自适应布局有个必须遵守的条例,要使容器不具备横向滚动条,必须让容器width:auto或百分比,绝对不能用死值,容器内部的结构,也是auto。

作者: diky87688973   发布时间: 2011-10-10

闹心啊!感觉ExtJs的细节处理不到位啊!
这都4.0版本了啊!

作者: aassbu   发布时间: 2011-10-10

还有什么其他办法没啊?

作者: aassbu   发布时间: 2011-10-10

感觉应该不是样式的问题,应该是渲染的时候,JS的宽度处理上有问题!

作者: aassbu   发布时间: 2011-10-10