أدوات ASP.NET [8]
استخدام الأداة ListBox:
هي أداة تحكم تظهر
على شكل قائمة مفتوحة في صفحة ASP.NET
.تسمح بعمليات اختيار أحادية لعناصر القائمة ListBox ، أو بعمليات اختيار متعددة
لعناصر القائمة ListBox .
SelectionMode:
تضبط و تعيد نمط الاختيار في مربع القائمة ListBox
و تأخذ إحدى قيمتين:
- Single : تجعل القائمة تسمح باختيار أحادي .
- Multiple : تجعل القائمة تسمح باختيار متعدد .
الأحداث في الأداة ListBox:
SelectedIndexChanged:
يقع عند تغيير العنصر المختار
في القائمة.
وكل عنصرمن ال Items داخل ال ListBox
له خصائص اهمها :
- Text: تحدید النص الذي یظھر بجانب كل مربع.
- : Valueتحديد القيمة الموجودة في العنصر في القائمة ListBox.
- Selected: تصبح ب false أوTrue بحسب اختيار المستخدم.
ملحوظة: يتم
اضافة ال Items
كما فى ادوات الاختيار مثل CheckBoxList.
مثال: صفحة ASP.NET فيها اداة ListBox واداتين Button
واداة Label
وعند الضغط على الزر الاول يكتب العنصر المختار فى مربع التسمية وعند الضغط على
الزر الثانى يصبح ال ListBox
ب Multiple وتكتب العناصل المختارة فى مربع التسمية
أولا:
تصميم الصفحة بالشكل التالى
ثانيا: الكود
كالتالى
وعند اختبار
الصفحة...... الضغط على الزر الاول
وعند الضغط على
الزر الثانى
ملحوظة: يتم اختيار اكثر من عنصر فى المتصفح بالضغط على زر Ctrl واختيار العناصر.
************************************************************
استخدام الأداة DropDownList:
هي أداة تحكم تظهر
على شكل قائمة منسدلة في صفحة ASP.NET
.هي عبارة عن أداة تظهر على شكل )مربع نص و زر متجاورين( عند النقر على الزر ينسدل قائمة من أسفل
موقع مربع النص المجاور .تسمح أداة التحكم هذه بعمليات اختيار أحادية لعناصر ) بنود
( القائمة DropDownList فقط.
خصائص الأداة DropDownList:
هي نفس خصائص الأداة ListBox ماعدا الخصائص التي تسمح بالاختيار المتعدد مثل SelectionMode.
الأحداث في الأداة DropDownList:
SelectedIndexChanged:
يقع عند تغيير العنصر المختار
في القائمة.
وكل عنصرمن ال Items داخل ال DropDownList له خصائص اهمها :
- Text: تحدید النص الذي یظھر .
- : Valueتحديد القيمة الموجودة في العنصر في القائمة DropDownList.
- Selected:تاخذ القيمة بحسب اختيار المستخدم.
مثال: صفحة ASP.NET فيها أداة قائمة DropDownList و مربع نص TextBox ، عند تغيير العنصر المحدد
في القائمة المنسدلة يطبع نص العنصر المحدد من القائمة المنسدلة DropDownList
في مربع النص TextBox.
أولا: نجعل الخاصية AutoPostBack تأخذ القيمة True ونصمم
الشكل كالتالى
ثانيا: الكود
كالتالى
وعند اختبار
الصفحة
********************************************************************
والى هنا ينتهى درس اليوم .... الى اللقاء فى الدرس القادم
