Question

我正在尝试为页面做一个预加载器索引动作控制器：

的myapp / FR /索引

public ActionResult Index(){
return View(db.SP_GetRegistrosFRByID(0).ToList());}

视图，没有开始表单，因为是get请求：

@foreach (var item in Model)
            {
                ...etc...<tr>

                    <td>
                        @Html.DisplayFor(modelItem => item.CodIden)
                    </td>


                    <td>
                        @Html.DisplayFor(modelItem => item.Nombres)
                    </td> ...etc

Answer 1

正如大卫所说，这是一个广泛而开放的问题，你可以运用很多方法。您尚未提供有关如何调用index的详细信息（表单提交，按钮单击...）

首先，您需要在视图中使用加载程序图像div，您需要显示预加载器。

<div id="loader" class="loader">
         Working.. &nbsp;<img src="~/Images/loading_small.gif" />
</div>

现在JS函数根据您的数据加载状态显示/隐藏div加载器图像。

function pageLoading(status) {
   if (status == 'true') {
       $("#loader").css('display', 'block');
   }
   else {
       $("#loader").css('display', 'none');
   }
}

在发出AJAX请求之前，您可以调用pageLoading("true");开始显示图像，最后在填充表数据时调用pageLoading("false");来隐藏加载图像。像

这样的东西

$.ajax({
      url: 'your index method url',
      success: function (partial) {
        $('#results').html(partial);
        pageLoading("false");
      }
      error: function () {
        pageLoading("false");
      }
});

索引动作MVC的预加载器

1 个答案: