7

チーム、

パネルの水平スクロールバーを無効にする方法を知っている人はいますか? 私はEXTJS 3.4を使用しています

基本的に、水平ではなく垂直スクロールバーのみが表示されるようにします。

パネルのプロパティとして autoScroll=true を試してみましたが、そうすると、水平スクロールバーと垂直スクロールバーの両方が表示されます。

これがコードです。

<html>
<head>
<title>Hello World Window</title>
<link rel="stylesheet" type="text/css" href="ext-3.4.0/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-3.4.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.4.0/ext-all.js"></script>
</head>

<body>
<script type="text/javascript">


    Ext.onReady(function(){
        var tab2 = new Ext.FormPanel({
            labelAlign: 'left',
            labelStyle: 'font-weight:bold;',
            labelWidth: 85,
            title: 'Run Report',
            bodyStyle:'padding:5px',
            border : true,
            style: 'margin:0 auto;margin-top:50px;margin-left:50',
            width: 900,
            height:600, 
                  items:
                  [{

                      xtype:'panel',
                      border:true,
                      height:75,
                      title:'Inner Panel',
                      bodyStyle:'padding:5px',
                      autoScroll:true,
                  items: [{
                    layout:'column',
                    border :false,
                    items:[{
                        columnWidth:.3,
                        layout: 'form',
                        border :false,
                        items: [{
                            xtype:'textfield',
                            fieldLabel: 'First Name',
                            name: 'first',
                            anchor:'95%'
                        }, {
                            xtype:'textfield',
                            fieldLabel: 'Company',
                            name: 'company',
                            anchor:'95%'
                        }]
                    },{
                        columnWidth:.3,
                        layout: 'form',
                        border :false,
                        items: [{
                            xtype:'textfield',
                            fieldLabel: 'Last Name',
                            name: 'last',
                                          anchor:'95%'
                        },{
                            xtype:'textfield',
                            fieldLabel: 'Email',
                            name: 'email',
                            vtype:'email',
                            anchor:'95%'
                        }]
                    }]
                }]
             }]
        ,
            buttons: [{
            text: 'Save'
            },{
            text: 'Cancel'
            }]
        });

    tab2.render(document.body); 


});
</script> 

</div>
</body>
</html>
4

4 に答える 4

6

4.2.1 を使用すると、Chrome、FF、および IE11 で機能するものは次のようになります。

style: 'overflow-y: scroll; overflow-x: hidden;'
于 2014-05-01T08:13:57.460 に答える
1

私はこれが遅いことを知っていますが、これは実際に使用する設定です:

bodyStyle:'overflowY: auto',

それが誰かを助けることを願っています。4.x 実装でも動作するようになるはずです。これまでのところ、3.4 でのみテストしました。

于 2013-10-10T17:03:34.097 に答える