这个没用:
new Ext.Window({
width:'100%',
height: '100%'
}).show();
我确实是流动的,所以当窗口调整大小时,它必须改变它的尺寸。
这个没用:
new Ext.Window({
width:'100%',
height: '100%'
}).show();
我确实是流动的,所以当窗口调整大小时,它必须改变它的尺寸。
这只能通过监控window.resize
事件来实现。
Ext.onReady(function() {
var win = new Ext.Window({
draggable: false
});
win.show();
win.setSize(Ext.getBody().getViewSize());
win.setPagePosition(0, 0);
Ext.fly(window).on('resize', function(e, w) {
win.setSize(Ext.getBody().getViewSize());
win.setPagePosition(0, 0);
});
});
body
请注意,如果has ,我的示例可以正常工作overflow: hidden
。否则会显示不需要的滚动条。
看看这个小提琴。
这也可以通过创建视口来实现,该视口旨在完全按照您的要求进行。这是一个简单的示例,它表明您不需要指定任何高度/宽度:
Ext.onReady(function(){
var thisView = new Ext.Viewport({
layout:'anchor',
items:[
{ title: 'Section 1'
,html: 'some content'
}
,{ title: 'Section 2'
,html: 'some more content'
}
]
});
});
你会注意到你甚至不需要“展示”它。
编辑:哦,我还想说,如果你在这些 html 部分中添加一些较长的内容,你会看到,如果你调整浏览器窗口的大小,它们会自动改变它们的高度以让所有内容都被看到。