أهمية واستخدام الأداة UpdateProgress Control

أجاكس هي تقنية جديدة لتطوير مواقع الويب التفاعلية , مع مساعدة من أجاكس يمكننا تطوير تطبيقات الويب واسترجاع كميات صغيرة من البيانات من خادم ويب., تقنية الأجاكس تتكون من عدة تقنيات مجتمعة مع بعضها هي     (JavaScript, XML, Asynchronous Call to the server)
في هذا الموضوع سوف أشرح أهمية واستخدام الأداة Updateprogress Control الموجود في قسم أدوات التابعة للأجاكس .
أهمية هذا العنصر أنه يوضح معلومات حالة عملية إرسال الجزء المحدث من الصفحة  أثناء عملية إرساله إلى السيرفر ويكون هذا الجزء المحدث بداخل  UpdatePanel control , و يستخدم عندما تكون عملية التحديث هذا الجزء بطيئة , بحيث لا يعرف المستخدم إذا ثم التحديث أم لا , أقصد بالجزء المحدث هو الجزء الذي تريد أن يتم تحديثه في الصفحة دون  تحديث كامل الصفحة مما يساعد على السرعة في عملية الارسال .
في البداية قم بسحب العنصر ScriptManager داخل الصفحة حتى تستطيع استخدام تقنية الأجاكس .

كما تشاهد بعدما تم إدراج العنصر السابق

 الأن سنقوم بإنشاء الصفحة كالتالي 

 

كما تشاهد هناك جزأين  , الكود الذي يوف يحتوي على البيانات التي سوف ترسل بالون الأصفر , وسوف يتم وضعه داخل UpdatePanel , وبداخل <ContentTemplate>

  <asp:UpdatePanel ID="UpdatePanel2" runat="server">

    <ContentTemplate>

    </ContentTemplate>

    </asp:UpdatePanel>

الجزء الثاني يحتوي على الصورة والنص الذي سوف يبين لنا عملية الإرسال , يتم وضعه داخل العنصر UpdateProgress وبداخل <ProgressTemplate> 

 <asp:UpdateProgress ID="UpdateProgress2" runat="server">

    <ProgressTemplate>

    <div>

    </div>

    </ProgressTemplate>

    </asp:UpdateProgress>

بعد القيام بالسابق سنضيف حدث عند الضغط على الزر , لتأخير عملية تحديث البيانات حتى نشاهد عملية الإرسال , مع الملاحظة أنك لن تقوم بفعل ذلك عند كتابة الكود , أضعها للتوضيح والمشاهدة فقط .

protected void Button1_Click(object sender, EventArgs e)

    {

        System.Threading.Thread.Sleep(3000);

        lblMsg.Text = "تمت عملية الارسال بنجاح";

    }

يمكنك تحميل الكود بشكل كامل من هنا