Comment changer le message de chargement d'un panel ?

Neil McGuigan

Traducteur

vermine

Cet article est la traduction de How to change the LoadMask text and target publié sur ExtJS Tutorials.

- Titre : Comment changer le message de chargement d'un panel ?

- Auteur : Neil McGuigan

- Traducteur : vermine

- Parution : 28 août 2012

- Licence : Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright ® 2012 Neil McGuigan. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.

Sommaire

- I. Explications

- II. Code

- III. Remerciements

I - Explications

Vous pouvez passer le message de chargement en tant que premier paramètre. Si vous précisez true en second paramètre, le message sera sur le body du formulaire et non pas sur l'entièreté du formulaire. Cliquez sur les boutons de la barre de menus.

Démo.

II - Code

Ext.define('MyForm', {
extend: 'Ext.form.Panel',

height: 250,
bodyPadding: 10,
title: 'Message de chargement personnalisé',

initComponent: function() {
var me = this;

Ext.applyIf(me, {
items:[
{html:'Vous pouvez passer le message de chargement en tant que premier ' +
'paramètre. Si vous précisez true en second paramètre, le message ' +
'sera sur le body du formulaire et non pas sur l\'entièreté du formulaire. ' +
'Cliquez sur les boutons de la barre de menus.'}
],
dockedItems: [
{
xtype: 'toolbar',
dock: 'top',
items: [
{
xtype: 'button',
text: 'setLoading(\'Chargement...\', true);',
handler: function(){
me.setLoading('Chargement...', true);
},
scope: me
},
{
xtype: 'button',
text: 'setLoading(false);',
handler: function(){
me.setLoading(false);
},
scope: me
}
]
}
]
});

me.callParent(arguments);
}
});

Ext.onReady(function(){
var f = new MyForm({renderTo: Ext.getBody()});
});

III - Remerciements

Cet article a été publié avec l'aimable autorisation de Neil McGuigan. L'article original peut être lu sur le blog ExtJS Tutorials : How to change the LoadMask text and target.
Je remercie également Torgar pour sa relecture attentive.