센차 터치 2 - 소스 버튼 옆에 부동 패널의 위치를 ​​

Question

I가 화면에 중심 부동 패널 생성이 코드 :

당신이 볼 수 있듯이

Ext.define('myapp.view.ButtonNav', { 
extend: 'Ext.Container', 
xtype: 'myapp_buttonnav', 
config: { 
    fullscreen: false, 
    layout: 'hbox', 
    items: [ 
     { 
      xtype: 'button', 
      text: 'Button 1', 
      listeners: { 
       tap: function() { 
        var panel = Ext.Viewport.add({ 
         xtype: 'panel', 
         defaultType: 'button', 
         baseCls: 'btn1_cont', 
         centered: true, 
         layout: { 
          type: 'vbox', 
          align: 'center', 
          pack: 'center' 
         }, 
         items: [ 
          { 
           baseCls: 'btn1', 
           text: 'HOME PAGE', 
           handler: function() { 
            Ext.Viewport.setActiveItem({ 
             xtype: 'myapp_homepage' 
            }); 
            panel.destroy(); 
           } 
          } 
         ], 
         top: // SET TOP TO SOURCE BUTTON 
         left: // SET LEFT TO SOURCE BUTTON 
        }); 
       } 
      } 
     }, 

    ]   
} 
}); 

, 그것은 용기가 버튼입니다을하는 클릭하면 부동 패널이 표시됩니다. 플로팅 패널을 트리거 한 버튼의 중앙에 플로팅 패널을 배치하려면 어떻게합니까? 만약 내가 제대로 이해하고

Answer 1

, 그렇게 같은 showBy 기능을 사용해야합니다

myPanel.showBy(myButton); 

그것은 버튼 옆의 패널을 표시합니다 그리고 당신은뿐만 아니라 정렬을 선택할 수 있습니다.

You can take a look at the documentation

당신이 탭 리스너 서명을 한 번 봐 걸릴 경우 버튼

을 얻는 방법 : http://docs.sencha.com/touch/2-0/#!/api/Ext.Button-event-tap

당신은 첫 번째 매개 변수는 버튼 자체가 너무 것을 볼 수 있습니다

를

listeners: { 
    tap: function (myButton, myEvent) { 
    ... // create your panel 
    myPanel.showBy(myButton); 
    } 
} 

희망이 있습니다.