Extjs MessageBox Progress Dialog PHP

Alex0520 · #1 (**permalink**) 25/02/2011, 10:09

Hola, estoy empezando a usar el framework de Extjs, y necesito hacer un MessageBox Progress Dialog, pero en el ejemplo el progress bar se actualiza con un for, y lo q yo necesito, es q amedida de q se ejecuta un proceso iterativo en php se actualice la MessageBox Progress Dialog , el codigo es el siguiente:

Este es el HTML:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <meta name="author" content="Incolacteos Ltda" />
    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
    <!-- GC -->
        <!-- LIBS -->
        <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
        <!-- ENDLIBS -->
 
    <script type="text/javascript" src="../../ext-all.js"></script>
    <script type="text/javascript" src="prueba.js"></script>
        <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
        <script type="text/javascript" src="../shared/examples.js"></script>
 
 
    <title>Ventana de carga</title>
</head>
 
<body id="bdy">
 
</body>
</html>

Este es el prueba.js

Código Javascript:

Ver original/*!
 * Ext JS Library 3.3.1
 * Copyright(c) 2006-2010 Sencha Inc.
 * [email protected]
 * http://www.sencha.com/license
 */
Ext.onReady(function(){
        Ext.MessageBox.show({
           title: 'Espere Por Favor....',
           msg: 'Cargando Ordenes',
           progressText: 'Iniciando',
           width:300,
           progress:true,
           closable:false,
           animEl: 'mb1'
       });
 
       // this hideous block creates the bogus progress
       var f = function(v){
            return function(){
                if(v == 12){
                    Ext.MessageBox.hide();
                    Ext.example.msg('Listo', 'Las ordenes fueron cargadas...');
                }else{
                    var i = v/11;
                    Ext.MessageBox.updateProgress(i, Math.round(100*i)+'% completado');
                }
           };
       };
       /*for(var i = 1; i < 13; i++){
           setTimeout(f(i), i*500);
       }*/
});

este pedazo

Código Javascript:

Ver originalfor(var i = 1; i < 13; i++){
           setTimeout(f(i), i*500);
       }

es el q actualiza la barra, y yo intente hacer lo mismo desde php asi:

Código PHP:

Ver original<?php 
    for($i=1;$i<13;$i++){
    echo "<script type='text/javascript'>setTimeout(f(".$i."), ".$i."*500);</script>";
    }
    ?>

Pero no funciona, Alguien me podria ayudar?