我想在加载母版页后实现加载内容页面

时间:2014-02-18 07:20:09

标签: c# jquery asp.net page-loading-message

我想在加载母版页内容后加载内容页面。我尝试过这样的事情  Default.aspx的

  <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').submit("submit", function () {
        ShowProgress();
    });
 </script>
 <asp:Button ID="btnSubmit" runat="server" Text="Load Customers"
OnClick="btnSubmit_Click"  /<div class="loading" align="center">
Loading. Please wait.<br />
<br />
<img src="image/loading.gif" width="50" alt="" />
  </div>

这是default.aspx.cs代码

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        string script = "$(document).ready(function () { $('[id*=btnSubmit]').click(); });";
        ClientScript.RegisterStartupScript(this.GetType(), "load", script, true);
    }
}
protected void btnSubmit_Click(object sender, EventArgs e)
{
    System.Threading.Thread.Sleep(5000);
    Repeater1.DataSource = GetKioskData(1);
    Repeater1.DataBind();
}

0 个答案:

没有答案