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

解决方案 »

  1.   

    autoWidth:true
      

  2.   


    直接来硬的吧。用firebug看dom模型,找到内容溢出后出现滚动条的div,记住相对于ext组件中的body位置再加上render事件,当渲染完毕后,手动操作dom,将超出部分的样式修改掉。其实Ext中用好autoWidth,很多自适应布局相当方便。自适应布局有个必须遵守的条例,要使容器不具备横向滚动条,必须让容器width:auto或百分比,绝对不能用死值,容器内部的结构,也是auto。
      

  3.   

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

  4.   

    不用设宽度 设置autoWidth:true autoHeight:true 
    autoScroll: true,这个去掉 不要自动滚动条效果