Question

我的项目有时需要加载一个页面大约需要1分钟或更长时间，所以我想向用户显示一个wating消息或wating状态。

我的项目中有一个login.aspx页面，其中包含两个按钮和welcome.aspx页面以及clientsDatas.aspx页面和一个Master页面。

我没有找到一些使用JQuery的方法：

<script type="text/javascript">
function ShowProgress() {
    setTimeout(function () {
        var modal = $('<div />');
        modal.addClass("modal");
        $('body').append(modal);
        var loading = $(".loading");
        loading.show();
        var top = Math.max($(window).height() / 2 - loading[0].offsetHeight / 2, 0);
        var left = Math.max($(window).width() / 2 - loading[0].offsetWidth / 2, 0);
        loading.css({ top: top, left: left });
    }, 200);
}
$('form').live("submit", function () {
    ShowProgress();
});

我把它放到我的MasterPage和我放的其他子页面的加载方法中：

if (!IsPostBack)
        {
            string script = "$(document).ready(function () { $('[id*=bt_submit]').click(); });";
            ClientScript.RegisterStartupScript(this.GetType(), "load", script, true);
        }

但它不起作用。

这是我的CSS：

.modal {
position: fixed;
top: 0;
left: 0;
background-color: black;
z-index: 99;
opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
min-height: 100%;
width: 100%;
}
.loading {
font-family: Arial;
font-size: 10pt;
border: 5px solid #67CFF5;
width: 200px;
height: 100px;
display: none;
position: fixed;
background-color: White;
z-index: 999;
}

我可以只将一个代码放入我的masterPage中，并且每次单击子页面的提交按钮时都可以执行该代码吗？

任何人都可以帮助我吗？

Answer 1

因为我有一个母版页和许多子页面，所以我将Jquery代码的一部分添加到我的MasterPage的主窗体中，并且当提交masterForm时（提交的时间很长，它显示了wating图像）

我添加到masterPage的JQuery代码：

non-lue

风格：

<%-- Start of wating message  --%>
    <script type="text/javascript">
        $("#MasterFormID").submit(function () {
            $("body").addClass("loading disp");
            $("#modal").addClass("disp");                
        });
    </script>
    <div id="modal" class="modal" style="text-align: center">
    </div>
    <%-- End of wating message  --%>

注意：我必须将JQuery导入我的masterPage。

所以我做到了，我为我工作好

使用ASP.Net在Page Loads或PostBack时显示加载进度图像

1 个答案: