视图ASP.NET MVC 4 KendoUI之间的ajax加载

时间:2013-12-04 17:26:18

标签: ajax asp.net-mvc-4 kendo-ui jquery-blockui

我正在使用ASP.NET MVC 4进行Web开发,使用Web框架KendoUI,需要按时使用Ajax Loader在系统上订购另一个“VIEW”。 Ajax Loader将在请求“VIEW”中运行,并在系统上延迟请求操作。 因此,用户将知道单击某个项目有一个请求操作的过程,而不需要在屏幕上多次单击。 我需要一个方向。 感谢。

1 个答案:

答案 0 :(得分:2)

我选择这样做,这将涵盖我网站上的所有Ajax操作。

<强> HTML

<div id="GlobalMsg">
    <img src="~/loading.gif" /></div>

<强> CSS

#GlobalMsg {
    /*padding: 25%;*/
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 999999 !important;
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
}

<强>的jQuery

$('#GlobalMsg')
            .hide()
            .ajaxStart(function () {
                $(this).show();
               // Any other handling
            })
            .ajaxStop(function () {
                $(this).hide();
                // Any other handling
            }).ajaxError(function (event, jqxhr, settings, exception) {
                // Any other handling
            });