Индикатор прогресса Jquery UI не инициализируется? - PullRequest
0 голосов
/ 16 ноября 2010

Я пытаюсь использовать индикатор прогресса jQuery UI в своем веб-приложении.Но это не отображается.Я использую вызов DWR, чтобы получить статус загрузки.Перед использованием индикатора выполнения Jquery UI я просто отображал статус, возвращаемый с сервера, таким, какой он есть, чтобы убедиться, что данные поступают с сервера.Работало нормально.

Код

<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>

Любые предложения !!!

1 Ответ

1 голос
/ 16 ноября 2010

попробуйте использовать эту строку в коде, который изменяет значение:

    $("#jqProgressBar").progressbar(status);
...