Image 加上“;“装载”;MVC webgrid中的指示器?

Image 加上“;“装载”;MVC webgrid中的指示器?,image,asp.net-mvc-3,loading,webgrid,Image,Asp.net Mvc 3,Loading,Webgrid,我正在使用MVC3并在webgrid中显示我的数据。我想显示过滤/搜索时显示的加载指示器(加载图像)。最好的方法是什么 我的搜索筛选器(代码): @使用(Html.BeginForm()) { 搜索Towers Watson订户/联系人 注册日期: 到 配置文件修改日期: 到 姓氏: } {@Html.Partial(“List_Ajax”,Model)} 允许您创建一个漂亮的加载gif。创建一个图像,并将其放置在div中,如下所示。然后将搜索按钮与jQuery绑定,以在单击时显示隐藏的div

我正在使用MVC3并在webgrid中显示我的数据。我想显示过滤/搜索时显示的加载指示器(加载图像)。最好的方法是什么

我的搜索筛选器(代码):

@使用(Html.BeginForm())
{
搜索Towers Watson订户/联系人
注册日期:
到
配置文件修改日期:
到
姓氏:
}
{@Html.Partial(“List_Ajax”,Model)}
允许您创建一个漂亮的加载gif。创建一个图像,并将其放置在div中,如下所示。然后将搜索按钮与jQuery绑定,以在单击时显示隐藏的div

将下面的div放置在希望加载图标出现的位置

<div id="loadingDiv" style="display:none"><img src="loading.gif"></div>
然后在完成加载后,只需执行以下操作:

function SomeCallBackEvent(){
    $('#loadingDiv').hide();
};

谢谢你,这正是我需要的@RyanAmies对于我们n00bs这里,考虑到项目被添加到网格中,人们通常如何知道加载何时完成?你能提供一个简单的例子来扩展这个答案吗?谢谢。这取决于你的代码。如果您使用jQuery/Ajax加载它,那么您将有一个
Complete
的回调,您可以利用它。如果你陷入困境,我建议你针对你的情况提出一个新问题。
$(document).ready(){
    $('#search').click(function(){
        $('#loadingDiv').show();
    });
});
function SomeCallBackEvent(){
    $('#loadingDiv').hide();
};