Question

我在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();

使用来自form.jsp的autoLoad加载到此窗口：

<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>

searchform,zemform,reallyform,docform,podform其FromPanel成为TabPanel。每个人都很好，但看起来很难看：

enter image description here

即使我使用layout:'fit'，您也会看到该窗体不适合窗口这里有什么不对吗？

Answer 1

尝试为你的formpanel使用合适的布局。

使用ExtJs将TabPanel放入Window中

1 个答案: