Cómo agregar una barra de progreso a la página ext

Ext.MessageBox nos proporciona una barra de progreso predeterminada. Siempre que el parámetro de progreso esté establecido en verdadero, aparecerá una barra de progreso en el cuadro de diálogo. Por supuesto, también puedes usar Ext.MessageBox.progress('Espere', msg: 'Leyendo datos') directamente. Aquí "Espere" es el título y "Leyendo datos" es el mensaje.

Si quieres mostrar el progreso con precisión, puedes escribirlo así (un pequeño ejemplo):

Ext.onReady(function(){

Ext.MessageBox.show ({

título: 'Espere',

mensaje: 'Leyendo datos',

ancho: 240,

progreso: verdadero,

cerrable: falso

});

var f = función(v){

retorno function() {

if(v == 11){

Ext.MessageBox.hide();

}else{

Ext. MessageBox.updateProgress(v/10, 'Leyendo el ' v 'ésimo, uno ***10.');

};

for(var i = 1; i lt; 12; i){

setTimeout(f(i), i*1000);

}

})

(El código es relativamente simple, puedes ejecutarlo tú mismo)

El otro es Ext.MessageBox.wait(' Please Waiting', msg: 'Reading data')

Este tipo de barra de progreso avanzará automáticamente y comenzará desde el principio cuando esté llena. Esto generalmente se usa como un aviso y no puede controlar con precisión el progreso.