شرح دورة الـ ASP.NET للمبتدئين - الدرس العاشر

أدوات ASP.NET [7]

استخدام الأداة PlaceHolder:

الأداة PlaceHolder عبارة عن مكان فى الصفحة يستخدم لتخزين ادوات تحكم الويب (أدوات asp.net) التي تقوم بإضافتها إلى صفحة ويب في زمن التنفيذ Run Time (اثناء تشغيل الصفحات) لأنه لا يمكن إضافة الأدوات إلى صفحة aspx. ~ مباشرة في زمن التنفيذ.

*  لا تظهر هذة الاداة فى الصفحة اثناء التنفيذ و لذلك لا تملك هذه الأداة خصائص التنسيقات مثل تغيير لون الخلفية أو لون الخط أو غيرها من التنسيقات .

* لا تملك محددات المكان PlaceHolder مكان محدد في صفحة web و هذا يعني أنك تحدد موضع الأدوات التي تضيفها في الصفحة عن طريق الأدوات نفسها من خصائص التنسيقات مثل الخاصية style أو cssClass أو ... .

* لا يمكن أن تضع أدوات اخرى بداخل الأداة PlaceHolder في صفحة التصميم , هى فقط تستخدم لاضافة الادوات اثناء تشغيل الصفحات.

* تضاف الادوات إلى الأداة PlaceHolder في زمن التنفيذ عن طريق الإجراء...

PlaceHolder1.Controls.Add (اسم الأداة المراد إضافتها);

مثال:

صفحة ASP.NET فيها زر Button و محدد مكان PlaceHolder عند النقر على الزر Button ينشئ Label ويضاف إلى الصفحة عن طريق الاداة PlaceHolder .

اولا: نصمم الصفحة بالشكل

وثانيه نكتب الكود عند الحدث click

وعند اختبار الصفحة نجد انه عند النقر على ال Button يظهر ال Label...بالشكل التالى

*********************************************************************

استخدام الأداة Panel:

تستخدم الأداة Panel مكان لوضغ ادوات اخرى، يمكن أن تضيف ادوات إليها في التصميم Design ، كما يمكن إضافة ادوات إليها في زمن التنفيذ Run Time كما في الأداة PlaceHolder.

* هذه الأداة مفيدة عندما أريد التعامل مع مجموعة من الأدوات مع بعضها البعض مثل إخفاءها أوإظهارها معاً أو تلوين جزء من الصفحة .

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

Panel1. controls.add (اسم الأداة المراد إضافتها);

 :panel خصائص هذة الأداة

BackImageUrl: تضبط و تعيد عنوان URL للصورة الخلفية للعنصر Panel.

HorizontalAlign: تضبط و تعيد المحاذاة الأفقية لمحتوى اللوحة Panel ، و تأخذ عدة قيم منها Left, center, right.  

Wrap: تضبط و تعيد هل محتوى اللوحة Panel ملتفاً أم لا ، و تأخذ قيمتين:

True: يصبح محتوى اللوحة Panel ملتفاً.

False: لا يصبح محتوى اللوحة Panel ملتفاً.

مثال: 
صفحة ASP.NET فيها زرين Two Buttons و لوحتين Two Panels عند النقر على الزر الأول Button1 يجعل لون خلفية اللوحة الأولى اخضر ، و عند النقرعلى الزر الثاني Button2 ينشئ كائن من نوع مربع تسمية Labelويضاف إلى الصفحة عن طريق الاداة Panel .

اولا: نصمم الصفحة بالشكل

وثانيه نكتب الكود عند الحدث click

وعند اختبار الصفحة نجد انه عند النقر على ال Button1 يتغير Panel1 اللون الى الازرق الفاتح وعند النقر على ال Button2 يظهر ال Label فى ال Panel2...بالشكل التالى

*********************************************************************

والى هنا ينتهى درس اليوم .... الى اللقاء فى الدرس القادم