Как отобразить «загрузку» после нескольких JS?

Question

Я создал настраиваемую страницу в списке SharePoint для новой формы. На этой настраиваемой странице у меня есть функция JS, которая будет загружать различные документы библиотеки документов в компонент Telerik RadComboBox. Но я получаю много документов, форма открывается, но не дает руки в целом список документов не взимается. Я хотел бы увидеть «Загрузка ...», так как эта страница формы не полностью загружена, но я не могу реализовать эту функцию.

Я мою форму ASPX, содержащую мой RadCombobox:

<tr> 
    <td width="400px" valign="top" class="ms-formbody"> 
     <telerik:RadListBox id="rdlFilesForDocument" TransferToID="rdlFilesForDocumentDest" runat="server" 
     AllowTransfer="true" Height="200px" Width="210px" ButtonSettings-AreaWidth="35px" OnClientTransferred="onDocumentTransferred" ButtonSettings-ShowTransferAll="False" /> 
     <telerik:RadListBox runat="server" ID="rdlFilesForDocumentDest" Height="200px" Width="175px" ButtonSettings-AreaWidth="35px" /> 
    </td> 
</tr> 

Я мой JS, который будет фильтровать документы:

<script type="text/javascript"> 
     //Filter Document list with filter 
     function filterDocumentList(sender, e) { 
      var rdlFilesForDocumentJS = $find("<%= rdlFilesForDocument.ClientID %>"); 
      var rdcEntityForDocumentJS = $find("<%= rdcEntityForDocument.ClientID %>"); 
      var rdcYearForDocumentJS = $find("<%= rdcYearForDocument.ClientID %>"); 
      var rdcTypeForLegalDocumentJS = $find("<%= rdcTypeForDocument.ClientID %>"); 
      filterList(rdlFilesForDocumentJS, rdcEntityForDocumentJS, rdcYearForDocumentJS, rdcTypeForDocumentJS); 
     } 

     //Init combobox and fileslistBoxlist 
     function pageLoad() {   
      if (!isPostBack) { 
       //Init Document files filter and listbox 
       var rdlFilesForDocumentJS = $find("<%= rdlFilesForDocument.ClientID %>"); 
       var rdlFilesForDocumentDestJS = $find("<%= rdlFilesForDocumentDest.ClientID %>"); 
       var selectDocumentFileFieldResult = $('select[id*=FormField][id*=SelectResult]')[0]; 
       var rdcEntityForDocumentJS = $find("<%= rdcEntityForDocument.ClientID %>"); 
       var rdcYearForDocumentJS = $find("<%= rdcYearForDocument.ClientID %>"); 
       var rdcTypeForDocumentJS = $find("<%= rdcTypeForDocument.ClientID %>"); 
       initComboBox(rdlFilesForDocumentJS, rdlFilesForDocumentDestJS, selectDocumentFileFieldResult, rdcEntityForDocumentJS, rdcYearForDocumentJS, rdcTypeForDocumentJS, "Documents", entityValue, siteUrl); 
      } 
      else { 
       alert('No Document'); 
      } 
     }; 
</script> 

Как я отображается мой "Загрузка" как моя функция JS не завершена?

Я тест с:

$(window).load(function() 
{ 
    function filterDocumentList(sender, e) { 
    //MyFunction.... 
    } 
}); 
Or 
$(document).ready(function() 
{ 
    function filterDocumentList(sender, e) { 
    //MyFunction.... 
    } 
}); 

Но это не работает должным образом, и мой список документов, больше не отвечает ...

Любые идеи, пожалуйста?

Answer 1

Не похоже, чтобы ваша функция вызывалась. Просто используйте функцию jQuery для вызова filterDocumentList, когда страница загружается и скрывает ваше загрузочное сообщение.

<div class="loading"> 
    <h1>Loading</h1> 
</div> 

<script type="text/javascript"> 

//Filter Document list with filter 
function filterDocumentList(sender, e) { 
    var rdlFilesForDocumentJS = $find("<%= rdlFilesForDocument.ClientID %>"); 
    var rdcEntityForDocumentJS = $find("<%= rdcEntityForDocument.ClientID %>"); 
    var rdcYearForDocumentJS = $find("<%= rdcYearForDocument.ClientID %>"); 
    var rdcTypeForLegalDocumentJS = $find("<%= rdcTypeForDocument.ClientID %>"); 
    filterList(rdlFilesForDocumentJS, rdcEntityForDocumentJS, rdcYearForDocumentJS, rdcTypeForDocumentJS); 
} 
$(function() { 
    filterDocumentList(); 
    $('.loading').hide(); 
}); 
</script>