ExtJs에서 표 자동 스크롤 바 숨기기

3592 단어 ExtJs
ExtJs 안에서layout:'border'라는 레이아웃은 자주 사용할 수 있을 것 같지만, 내가 사용할 때 익숙하지 않아서 약간의 구부러진 길을 걸었다.예를 들어 하나의 페이지는 대체적으로 다음과 같다.
위: 조회 입력 상자 중 + 아래: 조회 결과 (표, 밑에 페이지 컨트롤 있음)
코드는 다음과 같습니다. 이 중 일부 속성은 반드시 설정해야 이상적인 효과를 얻을 수 있습니다(참고 참조).
var formQuery = Ext.create('QueryFormTongji', {
        id: 'formPower1',region: 'north'// region ! , 
    });// 
    var formTu = Ext.create('QueryFormTongjiTu', {
        id: 'formTu', heigth: 220, region: 'north'
    });// 

    var grid = Ext.create('my.view.test.List', {
        id: 'grid1',
        region: 'center',
        store: listStore,
        columns: [……]});// ( )

        var vp = Ext.create('Ext.container.Viewport', {
        layout: { type: 'border' },
        items: [{
            xtype: 'tabpanel',
            region: 'center',
            id: 'topPanel',
            activeTab: 0,
            items: [
                            {
                                xtype: 'panel',
                                title: ' ',
                                id: 'panelPower',
                                layout: 'border',// , 
                                items: [formQuery,grid]
                            },
                           {
                               xtype: 'panel',
                               title: ' ',
                               layout: 'border',
                               id: 'tPanel',
                               items: [
                                    formTu,
                                    {
                                        autoScroll: true,
                                        xtype: 'panel',
                                        region: 'center',
                                        contentEl: 'DivMapWinInfo'
                                    }
                                ]
                           }
                    ],
            listeners: {
                tabchange: {
                    fn: this.onTopTabpanelTabChange,
                    scope: this
                }
            }
        }]
    });    

좋은 웹페이지 즐겨찾기