0
J'essaie d'utiliser la barre de progression jQuery UI dans mon application web. Mais cela ne s'affiche pas. J'utilise un appel DWR pour obtenir le statut de téléchargement. Avant d'utiliser la barre de progression de Jquery UI, je viens d'afficher le statut renvoyé par le serveur tel qu'il est, pour m'assurer que les données proviennent du serveur. Ça fonctionnait bien.La barre de progression de l'interface utilisateur Jquery n'est pas initialisée?
Le code
<body>
<script type="text/javascript">
$(document).ready(function(){
var progressbar = $("#jqProgressBar");
progressbar.css({
"width" : "200px",
"height" : "10px"
});
$("#jqProgressBar").progressbar({'value':0});
});
function statusUpdate() {
FileUploadProgressListener.getFileUploadStatus(function(status){
if(status >= 95)
{
status = 100;
$("#jqProgressBar").progressbar({'value':status});
return;
}
else
{
$("#jqProgressBar").progressbar({'value':status});
window.setTimeout(statusUpdate, 200);
}
});
return true;
}
</script>
<h4>File Upload</h4>
<iframe id="uploadFrameID"
name="uploadFrame"
height="0" width="0"
frameborder="0"
scrolling="yes"></iframe>
<form action="ProfileImageUpload"
enctype="multipart/form-data" method="post"
onsubmit="setTimeout('statusUpdate()', 1000)" target="uploadFrame">
<input type="file" name="fileupload_upload" value="Upload File">
<input type="submit" value="Upload">
</form>
<div id="jqProgressBar"></div>
</body>
Toutes les suggestions !!!
Avez-vous js jQuery-ui et css inclus dans la page? –