هل تعرف شريط تقدم جيد لتحميل الصفحة لتطبيق ASP.net الخاص بي؟

Question

فقط أتساءل عما إذا كان أي شخص قد رأى أي شريط تقدم قابل للاستخدام لتطبيقات C# .net.يستغرق تحميل تطبيقي ما بين 20 إلى 60 ثانية تقريبًا وأود أن أعرض للمستخدمين شريط التقدم أثناء انتظارهم.لقد رأيت هذا ولكن يبدو أن موقع العينة لا يعمل مما لا يوحي بالثقة.

Answer 1

يمكنك استخدام ال AJAX UpdateProgress التحكم.

<asp:ScriptManager ID="ScriptManager1" runat="server" />
    <asp:UpdateProgress runat="server" id="PageUpdateProgress">
        <ProgressTemplate>
            Loading...
        </ProgressTemplate>
    </asp:UpdateProgress>
    <asp:UpdatePanel runat="server" id="Panel">
        <ContentTemplate>
            <asp:Button runat="server" id="UpdateButton" onclick="UpdateButton_Click" text="Update" />
        </ContentTemplate>
    </asp:UpdatePanel>

إذا كنت تريد الرسوم المتحركة، كل ما عليك فعله هو وضع ملف GIF متحرك في "ProgressTemplate".

Answer 2

وأود أن ننظر إلى هذا بلوق وظيفة - يبدو وكأنه وسيلة جيدة للقيام بذلك. أنا لم نجرب ذلك بنفسي ...

http://mattberseth.com/blog/2008/05/aspnet_ajax_progress_bar_contr.html

Answer 3

في صفحة aspx تحتاج إلى كتابة هذا، واضاف لقد الطبقة CSS معينة أنت نفسك بحاجة إلى تعريف، functinality الحكمة وهذا الرمز يساعدك

<asp:Panel ID="ProgressIndicatorPanel" runat="server" Style="display: none" CssClass="modalPopup">
        <div id="ProgressDiv" class="progressStyle">
            <ul class="ProgressStyleTable" style="list-style:none;height:60px">
                <li style="position:static;float:left;margin-top:0.5em;margin-left:0.5em">
                    <asp:Image ID="ProgressImage" runat="server" SkinID="ProgressImage" />
                </li>
                <li style="position:static;float:left;margin-top:0.5em;margin-left:0.5em;margin-right:0.5em">
                    <span id="ProgressTextTableCell"> Loading, please wait... </span>
                </li>
            </ul>
        </div>
    </asp:Panel>

وتحديد وظيفة وتقول ProgressIndicator على النحو التالي

var ProgressIndicator = function (progPrefix) {
    var divId = 'ProgressDiv';
    var textId = 'ProgressTextTableCell';
    var progressCss = "progressStyle";

    if (progPrefix != null) {
        divId = progPrefix + divId;
        textId = progPrefix + textId;
    }

    this.Start = function (textString) {
        if (textString) {
            $('#' + textId).text(textString);
        }
        else {
            $('#' + textId).text('Loading, please wait...');
        }
        this.Center();
        //$('#' + divId).show();
        var modalPopupBehavior = $find('ProgressModalPopupBehaviour');
        if (modalPopupBehavior != null) modalPopupBehavior.show();
    }

    this.Center = function () {
        var viewportWidth = jQuery(window).width();
        var viewportHeight = jQuery(window).height();
        var progressDiv = $("#" + divId);
        var elWidth = progressDiv.width();
        var elHeight = progressDiv.height();
        progressDiv.css({ top: ((viewportHeight / 2) - (elHeight / 2)) + $(window).scrollTop(),
            left: ((viewportWidth / 2) - (elWidth / 2)) + $(window).scrollLeft(), visibility: 'visible'
        });
    }

    this.Stop = function () {
        //$("#" + divId).hide();
        var modalPopupBehavior = $find('ProgressModalPopupBehaviour');
        if (modalPopupBehavior != null) modalPopupBehavior.hide();
    }
};

والمثال نظرا conatins على مؤشر التقدم مع مشروط، الأول: ه عندما مؤشر التقدم قيد التشغيل فإنه تعطيل العمليات الأخرى التي يتعين القيام بها على screen.You يمكن إزالة جزء مشروط إذا كنت لا يحتاج ذلك

.