이 오버레이에서 스크롤 막대를 사용하는 방법

Question

el.overlay = Ext.create('Ext.Panel', { 
            itemId:'widgetInfoPanel', 
            html: htmlText, 
            height: 200, 
            width: 300, 
            autoScroll:true, 
            modal: { 
             style: 'opacity: 0' 
            }, 
            hideOnMaskTap:true, 
            items: [ 
             { 
              xtype: 'button', 
              text: "Close".toUpperCase(), 
              cls: 'button-orange', 
              listeners: { 
               tap: function (button) { 
                el.overlay.hide(); 
               } 
              } 
             } 
            ] 
           }); 

위에서 볼 수 있듯이이 버튼은 클릭하면 생성되지만 HTML 콘텐츠가 너무 길면 autoScroll을 설정 한 것처럼 스크롤바가 표시됩니다. propoerty 사실로하지만 나는 그것을 볼 수 없습니다. 나는이 문제를 직면하고있는 이유를 잘 모르겠어요, 제가 엽차 터치

Answer 1

를 사용하고 있음을 가능하게하지만, @Sujata 찬다가 '자동 스크롤'을 대체하여 알 수 있듯이 '스크롤'문제를 해결할 어떻게

.

• app.js : 여기서

  데모이다

  Ext.application ({ 이름 '데모' 시청자 [ '주요']

  launch:function() { 
      var mainView = Ext.create('Demo.view.Main'); 
      //Ext.Viewport.add(mainView); 
      var overlay = Ext.create('Ext.Panel', { 
       itemId:'widgetInfoPanel', 
       html: 'Hellllllloooojsdghaaaassssasdasdasdasdasdasdasfasfjgasjfasgfjasgfhasgfhjasgfhasgfjhasgfhdgfhjgasfjkagsfadsgfjhkdsagfjkaegfuywegfkjsadgfuwegfjaesgfiouwerhiuwegrowergiuweghfksjdbfsudiyriuweahbrkjewhabfuweyuiwehiuewhiuuuuudhfudsfhdsufjsdhgfuwiaegfdjsbfiuweagiwejhiuewriewougrhoiweuqgioweuagfiuadsgfuagsefwaeygruyaeygsfuaeisdgfaksdjfgkasdjgfksdjagfksjadhfgewuygfjksdhbfuaegsyfajkhsgfuywegfbjkhsaegrou8weybfkuwegr', 
       height: 200, 
       width: 300, 
       scrollable:true, 
       modal: { 
        style: 'opacity: 0' 
       }, 
       hideOnMaskTap:true, 
       items: [ 
        { 
         xtype: 'button', 
         text: "Close".toUpperCase(), 
         cls: 'button-orange', 
         listeners: { 
          tap: function (button) { 
           overlay.hide(); 
          } 
         } 
        } 
       ] 
      }); 
      Ext.Viewport.add(overlay); 
      overlay.show(); 
  
  } 
  

  });

브라우저를 확인하십시오!