2010-11-16 2 views
0

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

Кодекс

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

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

+0

У Вас есть JQuery-UI JS и CSS, включенный в странице? –

ответ

1

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

$("#jqProgressBar").progressbar(status); 
Смежные вопросы