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">
<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> <link rel="stylesheet" type="text/css" href="../shared/examples.css" /> <script type="text/javascript" src="../shared/examples.js"></script>
Este es el prueba.js
Código Javascript
:
Ver original/*!
* Ext JS Library 3.3.1
* Copyright(c) 2006-2010 Sencha Inc.
* 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?