L’applicazione di loadMask() in un singolo elemento extjs?

Come applicare loadMask a un solo elemento, e non l’intera larghezza-altezza?

di default
L'applicazione di loadMask() in un singolo elemento extjs?

qui, l’unico elemento è mascherato, e una messageBox è in centro, all’interno di questo elemento e non a tutto schermo…
L'applicazione di loadMask() in un singolo elemento extjs?

tutte le idee?

EDIT:

@Molecola , grazie, ma questo è quando i dati di carico da qualche fonte, cosa di cui ho bisogno è :

{
    xtype:"button",
    text:"Alert",
    handler: function(){

        Ext.Msg.show({
        title:'Save Changes?',
        msg: 'You are closing ?',
        buttons: Ext.Msg.YES,
        setLoading: //here somehow only mask parent element, and position alertBox...
    }

}
  • Si parla di elementi, ma sono componenti.
  • sì sono Componenti 🙂

 

One Reply
  1. 29

    Ogni componente ha la sua loadMask proprietà. È possibile utilizzare chiamando YourComponent.setLoading. Qui è violino per illustrare di cosa sto parlando.

    Un altro modo è usare la new Ext.LoadMask(YourComponent.el, {msg:"Please wait..."});. È possibile guardare un utilizzo nel mio violino.

    AGGIORNAMENTO

    Ecco il codice di esempio che mostra come applicare ExtJS4 loadMask e MessageBox specificato Widget

    Ext.create('Ext.panel.Panel', {
        width: 600,
        height: 400,
        title: 'Border Layout',
        layout: 'border',
        items: [{
            title: 'West Region is collapsible',
            region:'west',
            xtype: 'panel',
            width: 400,
            id: 'west-region-container',
            layout: 'fit'
        },{
            title: 'Center Region',
            region: 'center',
            xtype: 'panel',
            layout: 'fit',
        }],
        renderTo: Ext.getBody()
    });
    var myMask = new Ext.LoadMask(Ext.getCmp('west-region-container').el, {useMsg: false});
    myMask.show();
    var msg = Ext.Msg.show({
        title:'Save Changes?',
        msg: 'Bla-Bla',
        buttons: Ext.Msg.OK,
        modal: false
    });
    msg.alignTo(Ext.getCmp('west-region-container').el, 'c-c');

    E qui è try-it-yourself esempio.

    • E tutti i componenti ExtJS ha almeno un el proprietà che è di fatto un Ext.Element che sta puntando la confezione div. Come è possibile accedere a questo el elemento, si può sempre chiamare fino .mask() o .unmask() su questa el, o qualsiasi altro metodo definito in Ext.Element.
    • si può fornire con il semplice esempio di Ext.Msg.mostra e loadNask??Si prega di
    • di corso. Date un’occhiata a questo violino
    • Ho un esempio di Ext.Msg.mostra e loadMask. E ‘ stato aggiunto nel mio post
    • Grazie mille!
    • nessun problema
    • Fiddle è rotto, ora.

Lascia un commento