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