اداة الTab هي ليست بجديد في برمجه تطبيقات الويب ولكن شركة مكروسوفت ادخلتها حديثا في مجموعة ادوات AjaxToolKit .. هذه الاداه تعاني من بعض "المشاكل" وكان من الصعب للمبرجين المبتدئبن التعامل معها .. مثال ان الاداه لم يكن من الممكن التعامل معها بشكل مرئي في الفجوال ستديو (Visual design ) ولم تنشر مكروسوفت طريقة بناء Theme لهذه الاداه ... ولكن مؤخرا قامت مكروسوفت باطلاق نسخه جديده مطوره من هذه الادوات . في هذا الدرس الصغير اريد ان اشرح طريقة تطبيق هذه الاداه على صفحة . asp.net.
ماذا تحتاج لتطبيق هذه الاداه :
Visual developer او Visual studio 2005
بعد ذلك عليك اختيار موقع مع دعم للAjax واضافه ScriptManager وهو اداه ضروريه لاستعمال ادوات الAjax في كل صفحه ", ان كنت تستعمل MasterPage فيكفي اضافتها اليه ScriptManager واحد اليها لكل الموقع
تطبيق الاداه :
من المفضل وضع الاداه دائما داخل UpdatePanel .. هذه الاداه هي ايضا جزء من Ajaxtoolkit ايضا ووظيفتها هي عمل PostBack للاكواد والادوات داخلها بدون الحاجه الى عمل PostBack كامل للصفحه .
* نبدا بوضع الUpdatePanel داخل الForm
تأكد من وضع الكود داخل Form مع صفة runat
بعد ذلك نبدا باضافه الاداه ... بالاول تحتاج الى اضافه TabContainer وتدخل فيها TabPanels اي اداة جامعه للTabs ويمكنك اضافه اي عدد تشاء من الTab Panels داخله.
تحتاج لاضافة صفة HeaderText لكل Tab لتغيير اسم كلTab بما يناسبك .
من الصعب التعامل مع هذه الاداه بشكلها في ال Visual studio ومن المفضل دائما برمجيا ، بالنسبه لاول Tab وهو اللي يظهر عند طلب الصفحه فمن الممكن ادخال ادوات اليه عن طريق صفحة الAspx بدون اكواد اما بالنسبه لباقي الTabs ولتجنب تشغيلها عند طلب الصفحه فيمكن اضافتها عن طريق الحدثActiveTabChanged وهو يطلق عن محاولة الانتقال الى احدى الTabs .
مثال على هذا الحدث
تستطيع تحميل الاكواد اللتي استخدمتها في
هذا الملف
