تحكم ASP.NET اياكس

السيطرة على اياكس

يشير AJAX إلى JavaScript وXML غير المتزامنين. هذه تقنية متعددة المنصات تعمل على تسريع أوقات الاستجابة. تضيف عناصر تحكم خادم AJAX برنامجًا نصيًا إلى الصفحة، والذي يتم تنفيذه ومعالجته بواسطة المتصفح.

ومع ذلك، مثل عناصر تحكم خادم ASP.NET الأخرى، يمكن أن تحتوي عناصر تحكم خادم AJAX هذه على أساليب ومعالجات أحداث مرتبطة بها، والتي يتم التعامل معها جميعًا من جانب الخادم.

يحتوي صندوق أدوات التحكم في Visual Studio IDE على مجموعة من مكونات التحكم تسمى "AJAX".

التحكم في مدير البرنامج النصي

يعد عنصر التحكم ScriptManager هو عنصر التحكم الأكثر أهمية ويجب أن يكون موجودًا على الصفحة حتى تعمل عناصر التحكم الأخرى.

لديها بناء الجملة الأساسي:

 <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

إذا قمت بإنشاء "موقع Ajax Enabled" أو أضفت "AJAX Web Form" من مربع الحوار "Add Item"، فسوف تتشكل صفحة الويب تلقائيًا وتحتوي على عنصر تحكم مدير البرنامج النصي. يعتني عنصر التحكم ScriptManager بالبرمجة النصية من جانب العميل لكافة عناصر التحكم من جانب الخادم.

التحكم في لوحة التحديث

عنصر التحكم UpdatePanel هو عنصر تحكم حاوية وهو مشتق من فئة التحكم. إنه يعمل كحاوية لعناصر التحكم التابعة بداخله وليس له واجهة خاصة به. عندما يقوم أحد عناصر التحكم الخاصة به بتشغيل عملية إرسال مرة أخرى، تتدخل UpdatePanel للبدء بشكل غير متزامن وتحديث جزء من الصفحة.

على سبيل المثال، إذا كان أحد أزرار التحكم موجودًا داخل لوحة التحديث، وتم النقر عليه، فلن تتأثر سوى عناصر التحكم الموجودة في لوحة التحديث، ولن تتأثر عناصر التحكم الموجودة في الأجزاء الأخرى من الصفحة. وهذا ما يسمى عودة الالتزام الجزئي أو عودة الالتزام غير المتزامنة.

مثال

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

تبدو طريقة عرض التصميم كما يلي:

يبدو ملف الموارد كما يلي:

 <form id = "form1" runat = "server"> <div> <asp:ScriptManager ID = "ScriptManager1" runat = "server" /> </div> <asp:UpdatePanel ID = "UpdatePanel1" runat = "server" > <ContentTemplate> <asp:Button ID="btnpartial" runat="server" onclick="btnpartial_Click" Text="Partial PostBack"/> <br /> <br /> <asp:Label ID="lblpartial" runat="server"></asp:Label> </ContentTemplate> </asp:UpdatePanel> <p> </p> <p>خارج لوحة التحديث</p> < p> <asp:Button ID = "btntotal" runat = "server" onclick = "btntotal_Click" Text = "إجمالي PostBack" /> </p> <asp:Label ID = "lbltotal" runat="server"></asp:Label></form>

تحتوي جميع عناصر التحكم في الأزرار على نفس الرمز لمعالج الوقت:

 string time = DateTime.Now.ToLongTimeString();lblpartial.Text = "إظهار الوقت من اللوحة" + time;lbltotal.Text = "إظهار الوقت من الخارج" + الوقت;

لاحظ أنه عند تنفيذ الصفحة، إذا تم النقر على زر إرجاع الإرسال الإجمالي، فسيتم تحديث جميع العلامات بوقت التحديث، ولكن إذا تم النقر على زر إرجاع الإرسال الجزئي، فسيقوم فقط بتحديث العلامات في لوحة التحديث.

خصائص التحكم UpdatePanel

طرق التحكم في UpdatePanel

ويوضح الجدول التالي طرق التحكم في لوحة التحديث:

يعتمد سلوك لوحة التحديث على قيم خاصية UpdateMode وخاصية ChildrenAsTriggers.

التحكم في تقدم التحديث

يوفر عنصر التحكم UpdateProgress تعليقات من المستعرض عند تحديث واحد أو أكثر من عناصر التحكم في لوحة التحديث. على سبيل المثال، انتظار استجابة من الخادم عندما يقوم المستخدم بتسجيل الدخول أو عند تنفيذ بعض الأعمال الموجهة لقاعدة البيانات.

فهو يوفر تأكيدًا مرئيًا مثل "جارٍ تحميل الصفحة..." بأن العمل قيد المعالجة.

بناء جملة عنصر التحكم UpdateProgress هو:

 <asp:UpdateProgress ID="UpdateProgress1" runat="server" DynamicLayout="true" AssociatedUpdatePanelID="UpdatePanel1" > <ProgressTemplate> جارٍ التحميل... </ProgressTemplate></asp:UpdateProgress>

يعرض المقتطف أعلاه رسالة بسيطة تحتوي على علامة ProgressTemplate. ومع ذلك، يمكن أن تكون صورة أو عنصر تحكم آخر ذي صلة. يعرض عنصر التحكم UpdateProgress كل إرجاع غير متزامن ما لم يتم تحديده كلوحة تحديث منفصلة باستخدام خاصية AssociatedUpdatePanelID.

خصائص عنصر التحكم UpdateProgress

يوضح الجدول التالي خصائص التحكم في تقدم التحديث.

طرق التحكم في UpdateProgress

ويبين الجدول التالي طرق التحكم في تقدم التحديث:

التحكم في الموقت

يتم استخدام عنصر التحكم بالمؤقت لتهيئة مرتجعات الإرسال تلقائيًا. ويمكن القيام بذلك بطريقتين:

(1) قم بتعيين خاصية المشغلات لعنصر تحكم UpdatePanel.

 <المشغلات> <asp:AsyncPostBackTrigger ControlID = "btnpanel2" EventName = "انقر" /></Triggers>

(2) ضع عنصر تحكم المؤقت مباشرة داخل UpdatePanel كمشغل لعنصر التحكم الفرعي. يمكن أن يعمل مؤقت واحد كمشغل للعديد من لوحات التحديث.

 <asp:UpdatePanel ID = "UpdatePanel1" runat = "server" UpdateMode = "Always"> <ContentTemplate> <asp:Timer ID = "Timer1" runat = "server" Interval = "1000"> </asp: Timer> < asp:Label ID = "Label1" runat = "server" Height = "101px"> </asp:Label> </ContentTemplate></asp:UpdatePanel>