煎茶タッチ - ボタン/非表示ポップアップパネルを削除する方法クリック

Question

私は

Ext.define('MyApp.view.DatePanel', { 
extend: 'Ext.Panel', 
alias: 'widget.DatePanel', 
config: { 
    itemid:'DatePanel', 
    modal:true, 
    centered: true, 
    width:'320px', 
    height:'110px', 
    items:[ 
      { 
       xtype: 'datepickerfield', 
       label: 'Select date', 
       type:'date', 
       itemId: 'rptDate', 
       value: new Date(), 
      }, 
      { 
       xtype:'toolbar', 
       docked:'bottom', 
       items:[{ 
        text:'OK', 
        ui:'confirm', 
        action:'ShowTurnOverReport' 
       }, 
       { 
        text:'Cancel', 
        ui:'confirm', 
        action:'Cancel' 
       } 

      } 
     ] 
} 

怒鳴るように、パネルを作成しています}）;

私はそれが私が

Ext.Viewport.remove(Datepanel), 
var pnl = Ext.getCmp('DatePanel'); 
pnl.hide(); 

何もを試してみました

削除/キャンセル私は非表示にする]をクリック]ボタンを怒鳴るコード

今

Ext.Viewport.add({xtype: 'DatePanel'}); 

を使用してポップアップとしてこのパネルを表示働いた。これどうやってするの ？？

Answer 1

複数の方法で実行できます。

解決方法1：

Ext.getCmp()機能を使用するには、コンポーネントのidプロパティセットを持っている必要があります。したがって

、

{ 
text:'Cancel', 
ui:'confirm', 
action:'Cancel' 
listeners : { 
    tap : function() { 
      var pnl = Ext.getCmp('datepanel'); 
      pnl.hide(); 
    } 
} 
} 

...以下のコードを記述し、以下に示すように、あなたのDatePanelに

Ext.define('MyApp.view.DatePanel', { 
extend: 'Ext.Panel', 
alias: 'widget.DatePanel', 
id:'datepanel', 
config: { 
    ...... 
    ...... 

をidを与え、その後Cancelボタンのクリックハンドラの解決策2：

あなたeadyは..あなたがあなたのコンポーネントへの参照を取得するために、次の行を使用することができ、VaRのPNL = Ext.getCmp（「datepanel」）との

var pnl = Ext.Container.getComponent('DatePanel'); 
pnl.hide();