Sencha Touch - Wie zu entfernen ein - /ausblenden der popup-Bedienfeld auf den button klicken

Habe ich erstellt-Panel wie unten

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'
                }

            }
        ]
}

});

Zeige ich diese Platte als Pop-up mit Balg-code

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

Nun auf den Button Abbrechen klicken Sie auf ausblenden/entfernen

Habe ich versucht

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

aber nichts funktionierte. wie kann ich dies tun ??

InformationsquelleAutor Sagar Modi | 2012-05-05

  1. 6

    Können Sie es tun, in mehrfacher Hinsicht.

    Lösung 1:

    Verwenden Ext.getCmp() Funktionalität, die Sie brauchen, um einen id - Eigenschaft der Komponente.

    Geben daher eine id zu Ihrem DatePanel wie unten gezeigt,

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

    und dann auf Cancel button-Klick-handler, schreiben Sie den code unten ...

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

    Lösung 2:

    Da Sie bereits definiert itemid Eigenschaft können Sie die folgende Zeile verwenden, um den Verweis zu Ihrem Gerät. 

    var pnl = Ext.Container.getComponent('DatePanel');
pnl.hide();
    Vielen Dank, Ihre Arbeit gut mit var pnl = Ext.getCmp('datepanel'); pnl.hide();. aber ein Problem war es Sie gibt Warnung, wenn ich wieder öffnen Sie dieses Bedienfeld, wie (Bitte stellen Sie sicher das vorhandene Komponente zerstört worden ist), so habe ich pnl.destroy(); statt pnl.hide();
    Sie können itemId anstelle von id. Und dann identifizieren Komponente mit Ext.ComponentQuery.Abfrage('#yourItemId')[0];

    InformationsquelleAutor sgokhales

Schreibe einen Kommentar