السلام عليكم ورحمة الله وبركاته
في هذه المقالة بإذن الله سأشرح لكم تحميل إطار العمل الخاص بتقنية أجاكس في برنامج فيجوال ستيديو 2005
والإستعداد لإستخدام تقنية الأجاكس في لغة البرمجة ASP .NET 2.0
وإلى من لا يعرف ما هي تقنية AJAX ستجد شرح مختصر في مقالة ما هي AJAX ؟
بسم الله الرحمن الرحيم نبدأ
سنقوم بتحميل وتنصيب 3 ملفات وستجدها في موقع ASP AJAX أضغط على الرابط وقم بتحميل هذه الملفات من قسم Downloads
1- ASP.NET AJAX 1.0 RC من موقع Microsoft
2- ASP.NET 2.0 AJAX CTP من موقع Microsoft
3- ASP.NET AJAX Control Toolkit من موقع codeplex
وللمعلومية موقع codeplex هو موقع لمشاركة المصادر المفتوحة للبرمجيات التابعه Microsoft
وستجد فيه الكثير من المشاريع مفتوحة المصدر الخاصة بمايكروسوفت (( خزنه في المفظلة ;) ))
سنبدأ في طريقة تنصيب ASP.NET AJAX 1.0 RC و ASP.NET 2.0 AJAX CTP لسهولتها
بعد ما تقوم بتحميلها من الموقع ASP AJAX فقط افتح الملفات وقم بالضغط على Next حتى تمر بخطوات بسيطه إلى أن يتم التنصيب
الأن أفتح برنامج الفيجوال ستيديو
ثم قم بإختيار New ثم Website كما في الصورة
ستجد أنه قد ضهر نوعين من المشاريع التي لم تكن سابقاً موجوده وهي مشاريع خاصة بإضافة تقنية AJAX في برمجتك
قم بإختيار ASP.NET AJAX-enabled Web site ثم أضغط OK
سيتم عرض الأدوات الخاصه بـ ASP.NET AJAX 1.0 RC في برنامج فيجوال ستديو مباشرة كما في الصورة التالية
لكن CTP يجب عليك القيام بعمل هذه الطريقه لعرض الأدوات الخاصه به
أضف Tab جديد بالضغط على الزر الأيمن من الفأره في صندوق Toolbox ثم قم بإختيار Add Tab وسمها AJAX CTP كما في الصوره
الأن قم بفتح المجلد ( C:\Program Files\Microsoft ASP.NET\ASP.NET 2.0 AJAX Futures December CTP\v1.0.61025 )
ستجد الملف Microsoft.Web.Preview.dll قم بسحبه إلى صندوق الأدوات Toolbox وإلى داخل الـ Tab AJAX CTP كما في الصورة التالية
أضغط على الرابط لمشاهدة الصورة ( تم وضعها كرابط لكبر حجمها )
http://www.abdulmalik.althari.com/tutorial...rt/images/5.gif
بعدها ستجد أن التاب AJAX CTP قد أصبحت مليئة بالمجهورات ;)
وإنتضر حتى نأتي إلى صندوق المجهورات التالي وهو Control Toolkit
بعد تحميل الـ Control Toolkit قم بفك الضغط ونقل المجلد بالكامل إلى
C:\Program Files\Microsoft ASP.NET\ASP.NET 2.0 AJAX Extensions
كما في الصوره
الأن قم بإنشاء Tab جديد كما عملنا في السابق من صندوق Toolbox أضغط الزر الأيمن من الفأرة ثم أختر Add Tab ثم أكتب اسم التاب
AJAX Toolkit
الإن توجه إلى المجلد
C:\Program Files\Microsoft ASP.NET\ASP.NET 2.0 AJAX Extensions\AjaxControlToolkit\SampleWebSite\Bin
وانقل هذين الملفين داخل التاب AJAX Toolkit كما عملنا في السابق
AjaxControlToolkit.dll و AjaxControlToolkit.pdb
حتى تضهر لك المجهورات في الصندوق AJAX Toolkit !
والأن أنتهينا من تنصيب الأدوات والـ functionality الخاصة بالأجاكس في بيئة إطار العمل فيجوال ستيديو 2005
وإليكم مثال بسيط جداً لبداية العمل في إستخدام تقنية AJAX
في صفحة Default.aspx قم بإضافة الأداة UpdatePanel التي في داخل الصندوق AJAX Extensions
ثم قم بإضافة Button داخل UpdatePanel وجعل النص له Update وأضف Label داخل UpdatePanel أيضاً
وفي نفس الصفحه اضف Label جديد لكن خارج UpdatePanel
لتضهر لك النتيجه كما في الصورة التالية
الأن أضغط مرتين في أي مكان في الصفحة حتى تضهر لك صفحة Code Behinde أكواد خلف الكواليس %_%
بين
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
و
End Sub
أكتب
Label1.Text = DateTime.Now Label2.Text = DateTime.Now
بحيث في Label1 هو الذي داخل UpdatePanel و Label2 هو الذي خارج UpdatePanel
النتيجة سيتم عرض الوقت من السيرفر او الجهاز دون إعادة تحميل الصفحه :)
قم بتشغيل المشروع لتقوم بتجربة عملك وقم بالضغط على Update أكثر من مره ستجد ان الثواني في Label1 تتغير دون إعادة تحميل الصفحه
اما Label2 لا يتم ذالك لأنه خارج UpdatePanel :).
والحمد لله إنتهى الدرس
ستجد الأن لديك الكثير من الدروس لتتعلمها بعد أن قمت بتجهيز نفسك بالأدوات اللازمه :)
وبإذن الله سيتم طرح دروس أكثر لتعلم هذه التقنية في بيئة إطار العمل فيجوال ستيديو
أطيب تحيه من أخوكم عبدالملك
