2012-02-24 2 views
2

이전에 요청한 적이 있지만 이전 게시물에서 보았던 해결 방법이 버전 4 이전임을 기대하고 있습니다. MVC 아키텍처에서 버전 4를 사용하고 있습니다.Ext.js 4 패널의 스크롤 막대

패널에 표시하려는 텍스트 청크를 반환하는 서블릿이 있습니다.

{ 
    xtype: 'button', 
    text: 'Import', 
    handler: function() 
    { 
     Ext.Ajax.request({ 
      url: '/MyApp/Import', 
      success: function(response) 
      { 
       var theText = response.responseText; 
       var logPanel = Ext.getCmp('log.View'); 
       logPanel.insert(0, [ { xtype: 'box', autoEl: { cn: theText } } ]); 
      } 
     }); // end Ajax.request 
    } // end handler 
} 

내가 세로 스크롤 막대 작동시킬 수없는 것 : 다음과 같이

Ext.define('MyApp.view.log.View' ,{ 
    extend: 'Ext.panel.Panel', 
    alias : 'widget.logview', 
    title : 'Log', 

    id: 'log.View', 

    layout: 'fit', 
    autoscroll: true, 

}); // end Ext.define 

반환 된 텍스트 위에 정의 패널에 추가됩니다 다음과 같이 패널이 정의되어 있는지

. 그 grid.Panel에는 determineScrollbars 메서드가 있지만 panel.Panel은 없습니다.

도움을 주시면 감사하겠습니다. 미리 감사드립니다.

답변

1

패널의 맞춤 레이아웃은 기본적으로 패널에 추가 할 항목이 무엇이든간에 하위 패널 인 경우 해당 패널 내부의 사용 가능한 모든 공간을 차지한다는 의미입니다. 또한 하나의 하위 구성 요소 만 맞춤 레이아웃으로 패널에 추가해야 함을 의미합니다. 자식 요소가 부모 패널 내부에 '적합'하면 스크롤바가 필요하지 않습니다.

패널에 몇 가지 크기 (높이와 너비)를주고 레이아웃 맞춤을 제거하고 당신이 원하는 걸.

+1

자동 스크롤 - 필요한 대문자 S가 : 별명 것이 사실. 카멜 케이스. –

1

당신은 메인 패널 스크롤에 설정을 추가 할 수 있습니다 : 사실과 자동 스크롤 'widget.logview'