87,990
社区成员
发帖
与我相关
我的任务
分享ExtJs横向滚动条的问题
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
...全文
请发表友善的回复…
发表回复
豆虫 2011-10-10
- 打赏
- 举报
不用设宽度 设置autoWidth:true autoHeight:true
autoScroll: true,这个去掉 不要自动滚动条效果
autoScroll: true,这个去掉 不要自动滚动条效果
aassbu 2011-10-10
- 打赏
- 举报
感觉应该不是样式的问题，应该是渲染的时候，JS的宽度处理上有问题！
aassbu 2011-10-10
- 打赏
- 举报
还有什么其他办法没啊？
aassbu 2011-10-10
- 打赏
- 举报
闹心啊！感觉ExtJs的细节处理不到位啊！
这都4.0版本了啊！
这都4.0版本了啊！
一個程序員 2011-10-10
- 打赏
- 举报
[Quote=引用 5 楼 aassbu 的回复:]
不行！还是一样有滚动条
[/Quote]
直接来硬的吧。用firebug看dom模型，找到内容溢出后出现滚动条的div，记住相对于ext组件中的body位置
再加上render事件，当渲染完毕后，手动操作dom，将超出部分的样式修改掉。
其实Ext中用好autoWidth，很多自适应布局相当方便。
自适应布局有个必须遵守的条例，要使容器不具备横向滚动条，必须让容器width:auto或百分比，绝对不能用死值，容器内部的结构，也是auto。
不行！还是一样有滚动条
[/Quote]
直接来硬的吧。用firebug看dom模型，找到内容溢出后出现滚动条的div，记住相对于ext组件中的body位置
再加上render事件，当渲染完毕后，手动操作dom，将超出部分的样式修改掉。
其实Ext中用好autoWidth，很多自适应布局相当方便。
自适应布局有个必须遵守的条例，要使容器不具备横向滚动条，必须让容器width:auto或百分比，绝对不能用死值，容器内部的结构，也是auto。
aassbu 2011-10-10
- 打赏
- 举报
不行！还是一样有滚动条
木可大大 2011-10-10
- 打赏
- 举报
3楼正解
一個程序員 2011-10-10
- 打赏
- 举报
autoWidth:true
aassbu 2011-10-10
- 打赏
- 举报
自己顶
aassbu 2011-10-10
- 打赏
- 举报
没人回答噶？
