Image 加上“;“装载”;MVC webgrid中的指示器?
我正在使用MVC3并在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
@使用(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();
};