آموزش کنترل DropDownExtender

آموزش ajax  :

آموزش کنترل Drop Down Extender

این کنترل به شما اجازه می ده تا لیستی ار انتخابها رو به کنترل مورد نظر اضافه کنید.

برای روشن شدن مطلب کد زیر رو در یک page قرار درهید.شما می توانید سورس این آموزش را در انتها دانلود نمایید.

در کد بالا ما علاوه بر ScriptManager یک UpdatePanel هم داریم که ContentTemplate آن شامل کنترل های زیر است.

1- DropDownExtender که DropDownControlID=Panel1 و  TargetControlID="Image1" تنظیم شده است.

DropDownExtender ,

Image- 2

Panel -3

داخل Panel  ما سه تا LinkButton داریم.

خوب حالا کد زیر زو هم به فایل تون اضافه کنید.

خوب حالاپروژه رو اجرا کنید و نتیجه کار رو ببینید.

حجم فایل:15 کیلوبایت

دانلود سورس

رمز فایل :www.cesblog.ir

منبع:www.cesblog.ir

توجه:جهت کاهش حجم فایل سورس از الحاق پوشه BIN که شامل dll های اساسی ajax می باشد خودداری نموده ایم.لطفا AjaxControlToolkit.dll را به سورس ما اضافه نمایید.در غیر این صورت این سورس قابل اجرا نیست.اگر بلد نیستید   بخش سوم : برای شروع کار با کنترل های ajax رو مطالعه کنید

آموزش SliderExtender | آموزش ajax

آموزش  ajax control toolkit Slider Extender  :

با استفاده از این کنترل شما یک slider  می سازین تا زحمت وارد کردن عدد توسط کاربر رو کم کنید.

یه چیزی شبیه تصویر زیر

برای روشن شدن مطلب کد زیر رو در یک page قرار درهید.شما می توانید سورس این آموزش را در انتها دانلود نمایید.

کار با این کنترل ساده است.فقط به نقاط مشخص شده دقت کنید . و سعی کنید ارتباط آنها رو در بیارین.

اگه سوالی داشتین در قسمت نظرات مطرح کنید.

موفق باشید

حجم فایل:3 کیلوبایت

دانلود سورس

رمز فایل :www.cesblog.ir

منبع:www.cesblog.ir

توجه:جهت کاهش حجم فایل سورس از الحاق پوشه BIN که شامل dll های اساسی ajax می باشد خودداری نموده ایم.لطفا AjaxControlToolkit.dll را به سورس ما اضافه نمایید.در غیر این صورت این سورس قابل اجرا نیست.اگر بلد نیستید   بخش سوم : برای شروع کار با کنترل های ajax رو مطالعه کنید

آموزش CollapsiblePanelExtender | آموزش ajax

آموزش ajax | CollapsiblePanelExtender

این کنترل به شما اجازه می دهد تا یک کنترل داخل کنترل دیگری باز و بسته شود.

برای روشن شدن مطلب کد زیر رو در یک page قرار درهید.شما می توانید سورس این آموزش را در انتها دانلود نمایید.

بعد از اجرا باید چیزی شبیه تصاویر زیر ببینید.

1-

2-

کار با این کنترل ساده است.فقط به نقاط مشخص شده دقت کنید . و سعی کنید ارتباط آنها رو در بیارین.

اگه سوالی داشتین در قسمت نظرات مطرح کنید.

موفق باشید

حجم فایل:3 کیلوبایت

دانلود سورس

رمز فایل :www.cesblog.ir

منبع:www.cesblog.ir

توجه:جهت کاهش حجم فایل سورس از الحاق پوشه BIN که شامل dll های اساسی ajax می باشد خودداری نموده ایم.لطفا AjaxControlToolkit.dll را به سورس ما اضافه نمایید.در غیر این صورت این سورس قابل اجرا نیست.اگر بلد نیستید   بخش سوم : برای شروع کار با کنترل های ajax رو مطالعه کنید

آموزش TabContainer Control | آموزش ajax

آموزش TabContainer Control | آموزش ajax

کنترل TabContainer  این امکان رو به ما می ده که در صفحاتمون  تب ایجاد کنیم.چیزی شبیه تصویر زیر :

برای روشن شدن مطلب کد زیر رو در یک page قرار درهید.شما می توانید سورس این آموزش را در انتها دانلود نمایید.

به نقاط مشخص شده دقت کنید. و ارتباط آنها را کشف کنید.

موفق باشید

حجم فایل:3 کیلوبایت

دانلود سورس

رمز فایل :www.cesblog.ir

منبع:www.cesblog.ir

توجه:جهت کاهش حجم فایل سورس از الحاق پوشه BIN که شامل dll های اساسی ajax می باشد خودداری نموده ایم.لطفا AjaxControlToolkit.dll را به سورس ما اضافه نمایید.در غیر این صورت این سورس قابل اجرا نیست.اگر بلد نیستید   بخش سوم : برای شروع کار با کنترل های ajax رو مطالعه کنید

لینک دانلود AJAX Control Toolkit

لینک دانلود AJAX Control Toolkit

برای دانلود اینجا کلیک کیند.

آموزش NumericUpDownExtender | آموزش ajax

کنترل Numeric Up Down Extender به شما این اجازه رو  می ده تا یک شمارنده بالا / پایین ایجاد کنید.

برای روشن شدن مطلب کد زیر رو در یک page قرار درهید.شما می توانید سورس این آموزش را در انتها دانلود نمایید.

چیزی زیاذ سختی نداره.

پس از اجرا چیزی شبیه زیر می بینید.

با استفاده از این کنترل همچنین می تنونید به جای عدد ,رشته های دلخواه رو جایگزین کنید.

برای روشن شدن مطلب کد زیر رو در محل های مشخص شده بالا جایگزین کنید و سعی کنید اختلاف هاشون رو پیدا کنید.

پس از اجرا چیزی شبیه زیر خواهید داشت.

حجم فایل:3 کیلوبایت

دانلود سورس

رمز فایل :www.cesblog.ir

منبع:www.cesblog.ir

توجه:جهت کاهش حجم فایل سورس از الحاق پوشه BIN که شامل dll های اساسی ajax می باشد خودداری نموده ایم.لطفا AjaxControlToolkit.dll را به سورس ما اضافه نمایید.در غیر این صورت این سورس قابل اجرا نیست.اگر بلد نیستید   بخش سوم : برای شروع کار با کنترل های ajax رو مطالعه کنید

آموزش DragPanelExtender

کنترل Drag Panel Extender به این امکان رو می ده تا مکانی رو مانند یک پنل تعریف کنیم.سپس کاربر در زمان اجرا بتونه اون پنل و متعلقاتشو با درگ کردن در صفحه جابه جا کنه.

برای روشن شدن مطلب کد زیر رو در یک page قرار درهید.شما می توانید سورس این آموزش را در انتها دانلود نمایید.

همانطور که در کد های بالا مشخص شده ما یه پنل تعریف کردیم"panel1 ".داخل پنل 1 یک label و دوباره یک پنل "panel2 " تعریف کردیم.یه متن طولانی داخل پنل 2 قرار دادیم.خوب حالا کافیه که TargetControlIDرو مساوی panel1 قرار دهیم.حالا اگه پروژه رو اجرا کنید چیزی شبیه زیر می بینید.

خوب حالا با درگ کردن پنل یک به همراه متعلقاتش که شامل لیبل و پنل 2 هست به راحتی حرک می کنند.

حجم فایل:118کیلوبایت

دانلود سورس

رمز فایل :www.cesblog.ir

منبع:www.cesblog.ir

توجه:جهت کاهش حجم فایل سورس از الحاق پوشه BIN که شامل dll های اساسی ajax می باشد خودداری نموده ایم.لطفا AjaxControlToolkit.dll را به سورس ما اضافه نمایید.در غیر این صورت این سورس قابل اجرا نیست.اگر بلد نیستید   بخش سوم : برای شروع کار با کنترل های ajax رو مطالعه کنید

آموزش PasswordStrength Control

آموزش ajax :

کنترل Password Strength Control به ما این توانایی رو می ده تا آسانی یا سخت بودن پسورد کاربر را از جهت حدس زدن توسط دیگران بررسی کنیم.

برای روشن شدن مطلب کد زیر رو در یک page قرار درهید.شما می توانید سورس این آموزش را در انتها دانلود نمایید.

به نقاط مشخص شده دقت کنید.

پس از اجرا نتیجه ای که می بینید چیزی شبیه زیر است:

حجم فایل:45 کیلوبایت

دانلود سورس

رمز فایل :www.cesblog.ir

منبع:www.cesblog.ir

توجه:جهت کاهش حجم فایل سورس از الحاق پوشه BIN که شامل dll های اساسی ajax می باشد خودداری نموده ایم.لطفا AjaxControlToolkit.dll را به سورس ما اضافه نمایید.در غیر این صورت این سورس قابل اجرا نیست.اگر بلد نیستید   بخش سوم : برای شروع کار با کنترل های ajax رو مطالعه کنید

آموزش ResizableControlExtender

کنترل Resizable Control Extender به ما این اجازه را می دهد تا پنلی را به همراه متعلقات آن تغییر اندازه دهیم.

برای روشن شدن مطلب کد زیر رو در یک page قرار درهید.شما می توانید سورس این آموزش را در انتها دانلود نمایید.

همانطور که می بینید ما panel1 رو تعریف کرده ایم.که داخل این پنل image1 قرار داره.خوب حالا فقط کافیه که TargetControlID=panel1قرار بدیم.همین.

حجم فایل:45 کیلوبایت

دانلود سورس

رمز فایل :www.cesblog.ir

منبع:www.cesblog.ir

توجه:جهت کاهش حجم فایل سورس از الحاق پوشه BIN که شامل dll های اساسی ajax می باشد خودداری نموده ایم.لطفا AjaxControlToolkit.dll را به سورس ما اضافه نمایید.در غیر این صورت این سورس قابل اجرا نیست.اگر بلد نیستید   بخش سوم : برای شروع کار با کنترل های ajax رو مطالعه کنید

آموزش DropShadowExtender

کنترل Drop Shadow Extender به ما کمک می کنه تا به راحتی در اطراف کنترل مورد نظرمون یک سایه بیندازیم.

برای روشن شدن مطلب کد زیر رو در یک page قرار درهید.شما می توانید سورس این آموزش را در انتها دانلود نمایید.

همانطور که در بالا مشخص شده است.TargetControlID=Image1 می باشد.این بدین معناست که هنگام اجرا یک سایه اطراف کنترل  image ما که کد اون یک خط پایین تر اومده ایجاد می شه.شما می تونید همین سایه رو اطراف کنترل های دیگه مثل Login و.. قرار دهید.خود شما کنترل های دیگه رو امتحان کنید و نتیجه رو ببینید.

حجم فایل:45 کیلوبایت

دانلود سورس

رمز فایل :www.cesblog.ir

منبع:www.cesblog.ir

توجه:جهت کاهش حجم فایل سورس از الحاق پوشه BIN که شامل dll های اساسی ajax می باشد خودداری نموده ایم.لطفا AjaxControlToolkit.dll را به سورس ما اضافه نمایید.در غیر این صورت این سورس قابل اجرا نیست.اگر بلد نیستید   بخش سوم : برای شروع کار با کنترل های ajax رو مطالعه کنید

آموزش CalendarExtender

کنترل Calendar Extender به ما اجازه اضافه کردن یک تقویم به پروژه را می دهد.برای استفاده از این کنترل , کدهای زیر را به page  خود اضافه کنید.می تونید سورس رو در انتهای همین آموزش دانلود کنید.

همانطور که می بینید page ما شامل یک scriptmanager,یک textbox و یک calender  می باشد.

همانطور که در کدهای بالا مشخص شده TargetControlID=Text1  می باشد.این بدین معناست که کاربر به محض کلیک کردن بر روی textbox ,می تونه تقویم رو ببینه.

حجم فایل:2.7 کیلوبایت

دانلود سورس

رمز فایل :www.cesblog.ir

www.cesblog.irمنبع:

توجه:جهت کاهش حجم فایل سورس از الحاق پوشه BIN که شامل dll های اساسی ajax می باشد خودداری نموده ایم.لطفا AjaxControlToolkit.dll را به سورس ما اضافه نمایید.در غیر این صورت این سورس قابل اجرا نیست.اگر بلد نیستید   بخش سوم : برای شروع کار با کنترل های ajax رو مطالعه کنید

آموزش Ajax Control Toolkit Resizeable

کنترل resizeable , کنترلی است که به کاربران اجازه تغییر سایز عنصر مورد نظر را میدهد.برای استفاده از این کنترل کافی است از کد های زیر استفاده کرده و سپس پارامترهای آن را تنظیم نمایید.همین..!!

1. <ajaxToolkit:ResizableControlExtender ID="RCE" runat="server"  
2.     TargetControlID="PanelImage"  
3.     HandleCssClass="handleImage"  
4.     ResizableCssClass="resizingImage"  
5.     MinimumWidth="50"  
6.     MinimumHeight="20"  
7.     MaximumWidth="260"  
8.     MaximumHeight="130"  
9.     OnClientResize="OnClientResizeImage"  
10.     HandleOffsetX="3"  
11.     HandleOffsetY="3" />

پارمترهای آن به شرح زیر است:

• TargetControlID :آی دی عنصری که می خواهیم تغییر اندازه یابد.
• HandleCssClass : نام کلاس سی اس اس مورد نظر
• ResizableCssClass :نام کلاس سی اس اس مورد نظری که در هنگام تغییر اندازه استفاده مس شود.
• MinimumWidth/MinimumHeight:کمترین  تغییر اندازه
• MaximumWidth/MaximumHeight : بیشترین تغییر اندازه
• OnClientResizeBegin :نام رویدادی که در زمان شروع تغییر اندازه توسط کاربر اجرا می شود.
• OnClientResizing :نام رویدادی که در طول زمان تغییر اندازه توسط کاربر اجرا می شود.
• OnClientResize :نام رویدادی که در پایان  تغییر اندازه توسط کاربر اجرا می شود.
• HandleOffsetX/HandleOffsetY :تغییر افست

موفق باشید.

سوالات خود را در قسمت نظرات با ما در میان بگذارید.

منبع:www.cesblog.ir 

آموزش Ajax Control Toolkit RoundedCorners

در این بخش از آموزش ایجکس به معرفی RoundCorners می پردازیم.RoundCorners کنترلی است که برای گرد کردن عنصر مورد نظر به کار میرود.برای استفاده از آن ابتدا عنصر مورد نظر را به Page خود اضافه نمایید و سپس با استفاده از گزینه Add extender یک round corner  به آن اضاف کنید.

بعد از این عمل باید کدی شبیه زیر داشته باشد.

1. <ajaxToolkit:RoundedCornersExtender ID="rce" runat="server"  
2.     TargetControlID="Panel1"  
3.     Radius="6"  
4.     Corners="All" /> 

پارامترهای آن به شرح زیر می باشد:

• TargetControlID : آی دی عنصر مورد نظر
• Radius :درجه گرد کردن
• Corners:محل گرد کردن که شامل (None, TopLeft, TopRight, BottomRight, BottomLeft, Top, Right, Bottom, Left, or All) می باشد.

موفق باشید.

منبع:www.cesblog.ir

AlwaysVisibleControlExtender

کنترل Always Visible Control Extender به شما اجازه می دهد تا کنترلی را مشخص کنید و در زمان scroll صفحه این کنترل همزمان جابه جا شود.بهتره مصلب رو با یه مثال ادامه بدیم:

اگه تازه میخواین شروع کنین حتما بخش سوم : برای شروع کار با کنترل های ajax را مطالعه کنید

بعد از تنظیمات اولیه یک فایل aspx همون web form به پروژه خود اضافه کنید یادتون باشه که تیک place code in separate file  رو بردارید.

خوب حالا کد های موجود در فایل رو پاک کنید و کد های زیر رو به جای بنویسید.می تونید فایل پروژه رو در انتها دانلود کنید.

برنامه ما شامل یه scriptmanager ,چهارتا تکست باکس و دوتا دکمه و یک panel است.اگه به کدهای بالا نگاه کنید می بینید که در بخش AlwaysVisibleControlExtender,یه targetcontrollID هست.که مساوی panel1هست.این به این معناست که panel1 و هرچی داخل اونه در زمان scroll جابه جا می شن.اگه به کد های داخل panel 1 نگاه کنید می بینید که دوتا دکمه ما داخل این پنل هستن

حجم فایل:5 کیلوبایت

دانلود سورس

رمز فایل :www.cesblog.ir

منبع:www.cesblog.ir

توجه:جهت کاهش حجم فایل سورس از الحاق پوشه BIN که شامل dll های اساسی ajax می باشد خودداری نموده ایم.لطفا AjaxControlToolkit.dll را به سورس ما اضافه نمایید.در غیر این صورت این سورس قابل اجرا نیست.اگر بلد نیستید   بخش سوم : برای شروع کار با کنترل های ajax رو مطالعه کنید

موفق باشید.منتظر نظرات شما هستم.

شروع کار با کنترل های ajax

بخش سوم : برای شروع کار با کنترل های ajax لازم است که dll  مربوط به آن را به پروژه خود اضافه کنید.ابتدا در قسمت solution explorer بر روی پروژه خود  راست کلیک نمایید.سپس با انتخاب add reference  و زدن دکمه browse  و رفتن به محلی که فایل های دانلود شده در بخش اول را extract کرده اید ,AjaxControlToolkit.dll را انتخاب نمایید .بعد از انتخاب باید چیزی شبیه زیر ببینید.

 

حال می توانید از کنترل های اضافه شده در قسمت Toolbox استفاده کنید.

یادآوری :خوب اجازه بدین یه چیزی رو یاد آوری کنم.درسته که شمادر toolbox کنترل های ajax  رو می بینید ولی تا زمانی که به AjaxControlToolkit.dll رفرنس ندین نمی تونید از این کنترل ها استفاده کنید.

خوب حالا همه چیز آماده است تا شما از کنترل های ajax  استفاده کنید.

www.cesblog.irمنبع:

آموزش Ajax Control Toolkit TextBoxWatermark

آموزش ajax :

کنترل TextBoxWatermark کنترلی است که به کنرل تکست باکس متصل میشه و زمانی که تکست باکس خالیه عبارت مورد نظری جهت آگاهی کاربر به اون میده.مثلا میگه نام خود را وارد کنید.

نحوه استفاده از این کنترل به صورت زیر است:

1. <ajaxToolkit:TextBoxWatermarkExtender ID="TBWE2" runat="server"  
2.     TargetControlID="TextBox1"  
3.     WatermarkText="Type First Name Here"  
4.     WatermarkCssClass="watermarked" /> 

پارامترهای این کنترل به شرح زیر است:

• TargetControlID - آی دی تکست باکس مورد نظز
• WatermarkText - تکست مورد نظری که میخوام زمان خالی بودن تکست باکس داخلش نمایش داده بشه
• WatermarkCssClass - کلاس css که زمانی که تکست باکس خالی به اون نصبت داده میشه.

توجه:اگر با Ajax Control Toolkit ناآشنا هستید لطفا اینجا کلیک کنید

منبع :www.cesblog.ir

سوالات خود را در قسمت نظرات قید بفرمایید.

آموزش Ajax Control Toolkit ToggleButton

کنترل Ajax Control Toolkit ToggleButton کنترلی است که به checkbox متصل می شود.این کنترل شما را در نمایش حالت های checkbox  به صورت ویژه کمک می کند.نحوه استفاده از آن به شرح زیر است.

توجه:اگر با Ajax Control Toolkit ناآشنا هستید لطفا اینجا کلیک کنید

1. <ajaxToolkit:ToggleButtonExtender ID="ToggleEx" runat="server"  
2.     TargetControlID="CheckBox1"   
3.     ImageWidth="19"   
4.     ImageHeight="19"  
5.     CheckedImageAlternateText="Check"  
6.     UncheckedImageAlternateText="UnCheck"  
7.     UncheckedImageUrl="ToggleButton_Unchecked.gif"   
8.     CheckedImageUrl="ToggleButton_Checked.gif" />

پامتر های آن به شرح زیر می باشد.

• TargetControlID -آی دی چک باکس مورد نظر
• ImageHeight\ImageWidth - طول و عرض تصویر
• CheckedImageUrl -آدرس تصویری که باید در زمان  checkedشدن نمایش داده شود
• UncheckedImageUrl - آدرس تصویری که باید در زمان Uncheck شدن نمایش داده شود
• DisabledCheckedImageUrl - آدرس تصویری که باید زمان غیرفعال بودن در حالت چکد نمایش داده شود.
• DisabledUncheckedImageUrl - آدرس تصویری که باید زمان فعال بودن در حالت آنچکد نمایش داده شود.
• CheckedImageOverUrl -آدرس تصویری که باید زمان چکد و در زمانی که موس روی آن قرار می گیرد.

لطفا نظرات خود را به ما ارسال نمایید.

آموزش Ajax Control Toolkit RoundedCorners

در این بخش از آموزش ایجکس به معرفی RoundCorners می پردازیم.RoundCorners کنترلی است که برای گرد کردن عنصر مورد نظر به کار میرود.برای استفاده از آن ابتدا عنصر مورد نظر را به Page خود اضافه نمایید و سپس با استفاده از گزینه Add extender یک round corner  به آن اضاف کنید.

بعد از این عمل باید کدی شبیه زیر داشته باشد.

1. <ajaxToolkit:RoundedCornersExtender ID="rce" runat="server"  
2.     TargetControlID="Panel1"  
3.     Radius="6"  
4.     Corners="All" /> 

پارامترهای آن به شرح زیر می باشد:

• TargetControlID : آی دی عنصر مورد نظر
• Radius :درجه گرد کردن
• Corners:محل گرد کردن که شامل (None, TopLeft, TopRight, BottomRight, BottomLeft, Top, Right, Bottom, Left, or All) می باشد.

موفق باشید.

آموزش Ajax Control Toolkit Resizeable

کنترل resizeable , کنترلی است که به کاربران اجازه تغییر سایز عنصر مورد نظر را میدهد.برای استفاده از این کنترل کافی است از کد های زیر استفاده کرده و سپس پارامترهای آن را تنظیم نمایید.همین..!!

1. <ajaxToolkit:ResizableControlExtender ID="RCE" runat="server"  
2.     TargetControlID="PanelImage"  
3.     HandleCssClass="handleImage"  
4.     ResizableCssClass="resizingImage"  
5.     MinimumWidth="50"  
6.     MinimumHeight="20"  
7.     MaximumWidth="260"  
8.     MaximumHeight="130"  
9.     OnClientResize="OnClientResizeImage"  
10.     HandleOffsetX="3"  
11.     HandleOffsetY="3" />

پارمترهای آن به شرح زیر است:

• TargetControlID :آی دی عنصری که می خواهیم تغییر اندازه یابد.
• HandleCssClass : نام کلاس سی اس اس مورد نظر
• ResizableCssClass :نام کلاس سی اس اس مورد نظری که در هنگام تغییر اندازه استفاده مس شود.
• MinimumWidth/MinimumHeight:کمترین  تغییر اندازه
• MaximumWidth/MaximumHeight : بیشترین تغییر اندازه
• OnClientResizeBegin :نام رویدادی که در زمان شروع تغییر اندازه توسط کاربر اجرا می شود.
• OnClientResizing :نام رویدادی که در طول زمان تغییر اندازه توسط کاربر اجرا می شود.
• OnClientResize :نام رویدادی که در پایان  تغییر اندازه توسط کاربر اجرا می شود.
• HandleOffsetX/HandleOffsetY :تغییر افست

موفق باشید.

سوالات خود را در قسمت نظرات با ما در میان بگذارید.

آموزش Ajax Control Toolkit

Ajax Control Toolkit شامل بیش از ۴۰ کنترل و توسعه دهنده است.

در آینده به مرور در مورد هر قسمت توضیح می دم.مطالب سایت ما رو دنبال کنید.

1.      Accordion Control

2.      AlwaysVisible Control

3.      Animation Control

4.      AsyncFileUpload Control

5.      AutoComplete Control

6.      Calendar Control

7.      CascadingDropdown Control 

8.      CollapsiblePanel Control

9.      ColorPicker Control

10.  ComboBox Control

11.  ConfirmButton Control

12.  DragPanel Control

13.  DropDown Control

14.  DropShadow Control

15.  DynamicPopulate Control

16.  FilteredTextBox Control

17.  HoverMenu Control

18.  HTMLEditor Control

19.  ListSearch Control

20.  MaskedEdit Control

21.  ModalPopup Control

22.  MultiHandleSlider Control

23.  MutuallyExclusiveCheckBox Control

24.  NoBot Control

25.  NumericUpDown Control

26.  PagingBulletedList Control

27.  PasswordStrength Control

28.  Popup Control

29.  Rating Control

30.  ReorderList Control

31.  Resizable Control

32.  RoundedCorners Control

33.  Seadragon Control

34.  Slider Control

35.  SlideShow Control

36.  TabContainer and TabPanel Controls

37.  Textbox Watermark Control

38.  ToggleButton Control

39.  UpdatePanelAnimation Control

40.  ValidatorCallout Control

 

 

 

 

 

آموزش Ajax Control Toolkit (قسمت اول)

Ajax Control Toolkit مجموعه ای غنی از کنترل ها می باشد که بوسیله آن شما می توانید وب فرم هایی سریع با قابلیت محاوره ی بالا ایجاد نمایید.

برای دانلود و نصب این مجموعه مراحل زیر را انجام دهید.

1- دانلود  Ajax Control Toolkit 

شما می بایست ابتدا از لینک زیر این مجموعه را دانلود کنید

http://ajaxcontroltoolkit.codeplex.com

توجه داشته باشید که اگر شما از visual 2008  استفاده می کنید  Ajax Control Toolkit for .NET 3.5 را دانلود کنید و اگر از visual 2010 استفاده می کنید شما می توانید ازAjax Control Toolkit  برای NET 4 یا.NET 3.5
استفاده کنید.

شما ورژن باینری را دانلود کنید و ورژن سورس را دانلود نکنید مگر اینکه شما علاقه مند به توسعه این کنترل ها باشید.با دانلود سورس شما به کدهای کنترل ها دسترسی خواهید داشت. و می توانید بر اساس نیاز خود تغییرات لازم را اعمال نمایید.

۲-Exteract  فایل زیپ

بعد از دانلود فایل مورد نظر را exteract کنید.

۳- اضافه کردن  Ajax Control Toolkit  به ویژوال استودیو

ابتدا ویژوال استودیو را اجرا کنید .سپس یک پروژه وب جدیدبسازید.سپس یکه تب جدید در Toolbox ایجاد کرده نام آن را Ajax Control Toolkit بگذارید.در تب جدید راست کلیک کرده و سپس از منوی باز شده Choose Items را انتخاب کنید.Browse را انتخاب کرده و سپس از محلی که فایل را اکسترکت کرده اید فایل AjaxControlToolkit.dll را انتخاب کرده و سپس ok کنید.
این مراحل به صورت تصویری در پایین آمده است.

توجه داشته باشید که تبی که در بالا ایجاد کرده ایم در ویژوال ۲۰۰۸ و ۲۰۱۰ موجود است و فقط شما باید فایلAjaxControlToolkit.dll را در پروژه ی خود Add Reference کنید.

در قسمت های بعد نحوه استفاده از این کنترل ها را در پروژه ی خود آموزش می دم.
سوالات خود را با ما در میان بگذارید

جهت ادامه فعالیت وبلاگ نظر بدین.