Javascript 如何显示"；“装载”；几次之后？

我在SharePoint列表上为新表单创建了自定义页面。 在这个定制页面中，我有一个JS函数，可以在Telerik RadComboBox组件中加载文档库的各种文档。 但是我收到了很多文件，表格打开了，但是没有提供帮助，因为整个文件列表是不收费的。 我希望看到一个“加载…”，因为此表单页面未完全加载，但我无法实现此功能

我有包含RadCombobox的ASPX表单：

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

但它不能正常工作，我的文档列表不再收费

---

有什么想法吗？

看起来你的函数从未被调用过。当页面加载时，只需使用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>

加载
//使用筛选器筛选文档列表
函数筛选器文档列表（发件人，e）{
var rdlFilesForDocumentJS=$find（“”）；
var rdcEntityForDocumentJS=$find（“”）；
var rdcYearForDocumentJS=$find（“”）；
var rdcTypeForLegalDocumentJS=$find（“”）；
过滤器列表（rdlFilesForDocumentJS、rdcEntityForDocumentJS、rdcYearForDocumentJS、rdcTypeForDocumentJS）；
}
$（函数（）{
filterDocumentList（）；
$（'.loading'）.hide（）；
});

我也有同样的想法，“加载”只在表单上显示，而不是在我的函数JS完成时显示。。。我认为有几个JS函数会导致这个问题。。。

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

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