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 🙂
InformationsquelleAutor Davor Zubak | 2011-07-21

 

Tags: , , ,

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.

    InformationsquelleAutor Molecular Man

Lascia un commento