ExtJs 3.4 アプリにウィンドウがあります。
x = new Ext.Window({
id: 'myWindow',
layout: 'fit',
title:'Информация БДОН',
autoScroll:false,
width:600,
autoLoad : {
url : url_servlet+"form.jsp?bdon=1&ss="+str,
scripts: true
}
})
x.show();
そして、autoLoad
from form.jspを使用して、このウィンドウにコンテンツをロードします。
<html>
<head>
<head>
<body>
<script type="text/javascript">
function highlightWindow() {
var win = Ext.getCmp('myWindow');
var winBody= win.body;
winBody.highlight();
var tabs = new Ext.TabPanel({
type:'tabpanel',
deferredRender: false,
activeTab: 0,
bodyStyle:'padding:5px 5px 0',
autoScroll: false,
layoutOnTabChange: true,
height:400,
hideMode: 'offsets',
items: [searchform,zemform,reallyform,docform,podform]
});
tabs.render(winBody);
}
highlightWindow.defer(1000);
</script>
</body>
</html>
FromPanelssearchform,zemform,reallyform,docform,podform
が TabPanel に含まれる場所。すべての Thin は正常に動作しますが、見栄えが悪くなります。
を使用してもフォームがウィンドウに収まらないことがわかりますlayout:'fit'
。
ここで何が問題なのですか?