[h=2]مقدمه و معرفی کنترل AdRotator[/h] مقدمه : کنترل AdRotator در ASP.Net برای نمایش یک عکس به صورت رندم استفاده می شود . عکس نمایش داده شده توسط این کنترل از مجموعه ای از عکس ها که قبلا توسط کاربر تعیین شده ، به صورت تصادفی انتخاب شده و نمایش داده می شود . می توان برای هر عکس ، یک آدرس URL مقصد تعیین کرد تا کاربر در هنگام کلیک بر روی آن عکس ، به URL مقصد منتقل شود . اطلاعات عکس ها و URL ها در یک منبع داده ای مثل یک فایل XML یا پایگاه داده SQL ذخیره می شوند . کنترل در هنگام اجرای صفحه اطلاعات را از منبع داده مربوط به خود خوانده و اجرا می کند . از این کنترل معمولا برای نمایش عکس های تبلیغاتی استفاده می شود . هر باره که صفحه Refresh می شود ، کنترل انتخاب تصادفی عکس را انجام داده و یک عکس جدید را نمایش می دهد . می توان تعیین کرد چه عکس هایی برای نمایش در اولویت قرار بگیرند و یا اینکه کدام عکس ها بیشتر از سایرین نمایش داده شوند . شکل کلی تعریف و نمایش دکمه فرمان AdRotator در صفحه های ASP.Net به صورت زیر است : [TABLE="class: ex"] [TR] [TD="class: prname"] Syntax [/TD] [TD="class: prdes, align: left"] < asp:AdRotator ID="AdRotator1" runat="server" DataSourceID="نام فایل منبع داده" / > . توجه کنید این فایل تا زمانی که به منبع داده وصل نشود ، خروجی بر روی صفحه نخواهد داشت [/TD] [/TR] [/TABLE] نحوه قرار دادن یک کنترل AdRotator بر روی صفحه ASP.Net : ابتدا یک صفحه ASP.Net در محیط Visual Studio ایجاد کرده و یا صفحه از قبل طراحی شده خود را باز کنید . از منوی Toolbox و از قسمت کنترل های Standard یک کنترل AdRotator را کشیده و روی صفحه قرار دهید . همجنین می توانید به صورت مستقیم در قسمت کدنویسی Source صفحه کد مربوط به کنترل را تایپ نمایید . [HR][/HR] تعیین عکس ها جهت نمایش : چند راه برای ذخیره اطلاعات عکس ها ، URL های مقصد و سپس انتقال آنها به کنترل AdRotator وجود دارد . در لیست زیر به معرفی این روش ها پرداخته ایم : فایل XML : در این حالت مکان عکس ها ، URL های مقصد و سایر اطلاعات مربوط به عکس ها را در یک فایل XML قرار داده و سپس آن را به کنترل متصل می کنید . برای دریافت اطلاعات بیشتر به مطلب نمایش عکس های تبلیغاتی از یک فایل XML توسط کنترل AdRotator رجوع نمایید . یک پایگاه داده و کنترل سرور داده : در این حالت مکان عکس ها ، URL های مقصد و سایر اطلاعات مربوط به عکس ها را در یک پایگاه داده مثل SQL Server قرار داده و سپس آن را به وسیله یک کنترل سرور داده مثل SqlDataSource به کنترل AdRotator متصل می کنید . جدول به کار برده در این پایگاه داده باید ساختاری داشته باشد که کنترل AdRotator بتواند آن را بخواند . برای دریافت اطلاعات بیشتر به مطلب نمایش عکس های تبلیغاتی از یک پایگاه داده توسط کنترل AdRotator رجوع نمایید . یک شیوه دلخواه : در این حالت شما یک رویداد Event Handler طراحی می کنید تا کنترل بر اساس آن عمل کند . [HR][/HR]
پاسخ : آموزش ASP.NET [h=2]مقدمه و معرفی کنترل دکمه فرمان Button[/h] مقدمه : یکی از کنترل های مهم و پر کاردبرد در تمام محیط های برنامه نویسی و از جمله در محیط ASP.Net کنترل دکمه فرمان Button Control می باشد . از دکمه فرمان Button در ASP.Net برای ارسال یک صفحه به سرور ( در اصلاح Postback کردن آن ) و اجرای دستورات و توابع طراحی شده برای رویداد کلیک کنترل استفاده می شود . هنگامی که کاربر بر روی کنترل دکمه فرمان Button کلیک کند ، صفحه مورد نظر به سرور ارسال شده و در واقع Postback می شود . در این زمان دستورات و توابع تعریف شده در رویداد Click دکمه فرمان Button و رویداد Page Load ( فراخوانی صفحه ) اجرا شده و نتایج به خود صفحه و یا صفحه دیگری ارسال می شود . شکل کلی تعریف و نمایش دکمه فرمان Button در صفحه های ASP.Net به صورت زیر است : [TABLE="class: ex"] [TR] [TD="class: prname"] Syntax [/TD] [TD="class: prdes, align: left"] < asp:Button ID="Button1" runat="server" Text="Button" / > [/TD] [/TR] [/TABLE] نحوه قرار دادن یک کنترل Button بر روی صفحه ASP.Net : ابتدا یک صفحه ASP.Net در محیط Visual Studio ایجاد کرده و یا صفحه از قبل طراحی شده خود را باز کنید . از منوی Toolbox و از قسمت کنترل های Standard یک کنترل Button را کشیده و روی صفحه قرار دهید . همجنین می توانید به صورت مستقیم در فسمت کدنویسی Source صفحه کد مربوط به کنترل را تایپ نمایید . [HR][/HR] انواع کنترل های Button در ASP.Net : ASP.Net شامل 3 نوع کنترل دکمه فرمان Button می باشد که هر کدام دارای ظاهر و عملکرد متفاوتی با یکدیگر هستند : [TABLE="class: pr"] [TR] [TD="class: prname"] نوع کنترل [/TD] [TD="class: prname"] نمایش [/TD] [TD="class: prdes"] شرح [/TD] [/TR] [TR] [TD="class: prbody"] کنترل Button [/TD] [TD="class: prbody"] [/TD] [TD="class: prbody"] حالت استاندارد کنترل دکمه فرمان Button می باشد . این کنترل به صورت یک تگ < Input > توسط سرور ASP.Net به مرورگر ارسال می شود < asp:Button ID="Button2" runat="server" Text="Button" /> [/TD] [/TR] [TR] [TD="class: prbody"] کنترل LinkButton [/TD] [TD="class: prbody"] LinkButton [/TD] [TD="class: prbody"] در این حالت کنترل دکمه فرمان Button به صورت یک لینک در صفحه نمایش داده می شود که در هنگام کلیک کاربر بر روی آن ، صفحه را Postback می کند . < asp:LinkButton ID = " LinkButton2 " runat="server" > LinkButton < / asp:LinkButton > [/TD] [/TR] [TR] [TD="class: prbody"] کنترل ImageButton [/TD] [TD="class: prbody"] [/TD] [TD="class: prbody"] در این حالت کنترل می تواند به صورت یک تصویر گرافیکی استفاده شود و یا یک تصویر گرافیکی را به آن اضافه کنید . مثلا به وسیله آن می توانید یک دکمه Cancel طراحی کنید که یک علامت ضربدر در کنار عنوان کنترل قرار بگیرد . < asp : ImageButton ID="ImageButton2" runat="server" ImageUrl="~/Pic/001_25.gif" / > [/TD] [/TR] [/TABLE] در ادامه به معرفی و کاربرد هر یک از انواع این کنترل خواهیم پرداخت . مهمترین نمونه استفاده از کنترل دکمه فرمان Button ، قرار دادن آن در فرم های ورود اطلاعات است که کاربر می تواند پس از وارد نمودن کلیه اطلاعات لازم ، برای ارسال آنها به سرور ، روی دکمه فرمان کلیک نماید . در این حالت در اصطلاح می گویند صفحه Submit شده است . [HR][/HR] کنترل دکمه فرمان Button و اعتبار سنجی اطلاعات در فرم های وب : چنانچه بر روی صفحه ، کنترل های اعتبار سنج داده وجود داشته باشد ، کلیک کردن بر روی کنترل دکمه فرمان Button باعث می شود تا ابتدا کنترل های اعتبار سنج ، عملیات چک کردن صحت اطلاعات وارد شده را انجام داده و در صورت درست بودن آنها ، صفحه را به سرور ارسال نمایند . چنانجه اطلاعات وارد شده صحیح نبوده و هر یک از کنترل های اعتبار سنج error بدهند ، صفحه به سرور ارسال نشده و پیام های لازم به کاربر برای اصلاح اطلاعات و ارسال مجدد آنها نمایش داده می شود . در جدول به صورت مختصر به 2 خاصیت کنترل دکمه فرمان Button اشاره می کنیم که به شما امکان می دهد بتوانید تنظیمات مربوط به چک کردن اطلاعات موجود در را توسط این کنترل انجام دهید : [TABLE="class: pr"] [TR] [TD="class: prname"] خاصیت [/TD] [TD="class: prdes"] شرح [/TD] [/TR] [TR] [TD="class: prbody"] Cause Validation [/TD] [TD="class: prbody"] این خاصیت تعیین می کند که آیا هنگام کلیک بر روی کنترل دکمه فرمان Button و Postback شدن صفحه ، عملیات چک کردن اطلاعات فرم های موجود در صفحه انجام شود یا خیر . حالت پیش فرض این خاصیت روی مقدار True تنظیم شده و در این حالت عملیات کنترل اطلاعات انجام خواهد شد . در صورت تعیین مقدار False ، صفحه بدون کنترل اطلاعات فرم ها به سرور ارسال خواهد شد . [/TD] [/TR] [TR] [TD="class: prbody"] ValidationGruop [/TD] [TD="class: prbody"] این خاصیت گروه کنترل های اعتبار سنج داده ایی که باید در هنگام Postback شدن صفحه ، عملیات کنترل اطلاعات را انجام دهند را تعیین می کند . شما می توانید تعیین کنید تا فقط دسته خاصی از اطلاعات توسط کنترل های اعتبار سنج مربوط به آنها چک شوند . در صورت عدم تعیین گروه کنترل خاصی ، تمام کنترل های موجود در صفحه فراخوانی خواهند شد . [/TD] [/TR] [/TABLE] [HR][/HR] انواع حالت های Postback شدن صفحه : در بخش قبل اشاره کردیم که هنگام کلیک کردن بر روی کنترل دکمه فرمان Button صفحه به سرور ارسال می شود . در حالت پیش فرض صفحه پس از Postback شدن به خودش بر می گردد . در این حالت چنانچه دستورات و یا توابع خاصی در رویداد کلیک کنترل دکمه فرمان Button و یا رویداد Page Load صفحه تعریف شده باشد ، اجرا خواهند شد . اما می توان در صورت نیاز ترتیبی اتخاذ کرد تا صفحه پس از Postback شدن به صفحه دیگری برود . در ادامه به آموزش این روش خواهیم پرداخت . [HR][/HR] مدیریت رویداد های Client-Side برای کنترل دکمه فرمان Button : کنترل کنترل دکمه فرمان Button می تواند رویدادهای Server-Side و یا Client-Side را اجرا نماید . رویدادهای Client-Side پس از ارسال صفحه و Postback شدن آن اجرا خواهند شد . اما رویدادهای Server-Side قبل از ارسال صفحه به سرور و توسط مرورگر کامپیوتر کاربر اجرا خواهند شد . یکی از پر کاربردترین زبان های برنامه نویسی Client-Side برای رویدادهای Client-Side زبان Java Script می باشد . با اضافه کردن رویدادهای Client-Side به کنترل دکمه فرمان Button ، می توان قبل از ارسال اطلاعات به سرور و Postback شدن صفحه ، پیام های هشدار ، اطلاعات تکمیلی و یا دریافت تاییدیه از کاربر را نمایش داد ، تا پس از تایید موارد فوق ، اطلاعات به سرور ارسال شوند . در ادامه به آموزش این روش نیز خواهیم پرداخت .
پاسخ : آموزش ASP.NET [h=2]مقدمه و معرفی کنترل تقویم Calendar[/h] مقدمه : کنترل Calendar در صفحات ASP.Net برای نمایش یک تقویم ، بر روی صفحه استفاده می شود . این تقویم ، تاریخ ماه جاری را در قالب 6 هفته به کاربر نمایش می دهد . شما می توانید بین روزها و ماه ها حرکت کرده و تاریخ مورد نظر خود را انتخاب یا مشاهده نمایید . تاریخ نمایش داده شده توسط این کنترل ، تاریخ جاری سرور خواهد بود . کنترل Calendar بر مبنای شی DateTime در ASP.Net ساخته شده و از طیف وسیعی از تاریخ پشتیبانی می کند . توسط این کنترل ، می توانید هر تاریخ دلخواهی بین سال های 0 تا 9999 بعد از میلاد مسیح را مشاهده و یا انتخاب نمایید . در حالت عادی ،تاریخ هر روز در کنترل به صورت یک لینک ( HyperLink ) ، می باشد که می تواند یک رویداد را اجرا کرده و یا صفحه را PostBack نماید . در هنگام اجرای صفحات ASP.Net ، کنترل Calendar به صورت یک تگ < Table > تولید و نمایش داده می شود . بنابراین برخی خواص خروجی این کنترل ، بر پایه خواص و قابلیت های تگ < Table > در HTML بستگی دارد . برخی از این خواص توسط مرورگرهای قدیمی به خوبی پشتیانی نمی شود . شکل کلی تعریف و نمایش کنترل Calendar در صفحه های ASP.Net به صورت زیر است : [TABLE="class: ex"] [TR] [TD="class: prname"] Syntax [/TD] [TD="class: prdes, align: left"] < asp:Calendar ID="Calendar1" runat="server" > < /asp:Calendar > / > [TABLE="width: 1"] [TR] [TD="bgcolor: Silver, colspan: 7"][TABLE="width: 100%"] [TR] [TD]<[/TD] [TD="align: center"]September 2012[/TD] [TD="align: right"]>[/TD] [/TR] [/TABLE] [/TD] [/TR] [TR] [TH="align: center"]Sun[/TH] [TH="align: center"]Mon[/TH] [TH="align: center"]Tue[/TH] [TH="align: center"]Wed[/TH] [TH="align: center"]Thu[/TH] [TH="align: center"]Fri[/TH] [TH="align: center"]Sat[/TH] [/TR] [TR] [TD="align: center"]26[/TD] [TD="align: center"]27[/TD] [TD="align: center"]28[/TD] [TD="align: center"]29[/TD] [TD="align: center"]30[/TD] [TD="align: center"]31[/TD] [TD="align: center"]1[/TD] [/TR] [TR] [TD="align: center"]2[/TD] [TD="align: center"]3[/TD] [TD="align: center"]4[/TD] [TD="align: center"]5[/TD] [TD="align: center"]6[/TD] [TD="align: center"]7[/TD] [TD="align: center"]8[/TD] [/TR] [TR] [TD="align: center"]9[/TD] [TD="align: center"]10[/TD] [TD="align: center"]11[/TD] [TD="align: center"]12[/TD] [TD="align: center"]13[/TD] [TD="align: center"]14[/TD] [TD="align: center"]15[/TD] [/TR] [TR] [TD="align: center"]16[/TD] [TD="align: center"]17[/TD] [TD="align: center"]18[/TD] [TD="align: center"]19[/TD] [TD="align: center"]20[/TD] [TD="align: center"]21[/TD] [TD="align: center"]22[/TD] [/TR] [TR] [TD="align: center"]23[/TD] [TD="align: center"]24[/TD] [TD="align: center"]25[/TD] [TD="align: center"]26[/TD] [TD="align: center"]27[/TD] [TD="align: center"]28[/TD] [TD="align: center"]29[/TD] [/TR] [TR] [TD="align: center"]30[/TD] [TD="align: center"]1[/TD] [TD="align: center"]2[/TD] [TD="align: center"]3[/TD] [TD="align: center"]4[/TD] [TD="align: center"]5[/TD] [TD="align: center"]6[/TD] [/TR] [/TABLE] [/TD] [/TR] [/TABLE] نحوه قرار دادن یک کنترل Calendar بر روی صفحه ASP.Net : ابتدا یک صفحه ASP.Net در محیط Visual Studio ایجاد کرده و یا صفحه از قبل طراحی شده خود را باز کنید . از منوی Toolbox و از قسمت کنترل های Standard یک کنترل Calendar را کشیده و روی صفحه قرار دهید . همچنین می توانید به صورت مستقیم در قسمت کدنویسی Source صفحه کد مربوط به کنترل را تایپ نمایید . [HR][/HR] فعال سازی یا عدم فعال سازی انتخاب تاریخ : به صورت پیش فرض ، کاربر می تواند تاریخ دلخواه بر روی کنترل Calendar انتخاب نماید . اما چنانچه کنترل را به صورت فقط خواندنی read-only تنظیم نمایید ، آنگاه کنترل فقط تاریخ را نشان داده و دیگر تاریخ قابل انتخاب نیست . برای این منظور باید مقدار خاصیت SelectionMode کنترل را روی مقدار None تنظیم کنید . این مطلب را در مثال زیر نمایش داده ایم : مثال : در مثال زیر یک دو کنترل Calendar را نمایش داده ایم . در کنترل اول امکان انتخاب تاریخ وجود دارد ، اما کنترل دوم را به صورت فقط خواندنی تنظیم کرده ایم : [TABLE="class: ex"] [TR] [TD="class: header, colspan: 3"] Example [/TD] [/TR] [TR] [TD="class: body"] < asp:Calendar ID="Calendar2" runat="server" > < /asp:Calendar > [/TD] [TD="class: body"] < asp:Calendar ID="Calendar3" runat="server" SelectionMode="None" > < /asp:Calendar > [/TD] [TD="class: header"] کد [/TD] [/TR] [TR] [TD="class: body"] [TABLE="width: 1"] [TR] [TD="bgcolor: Silver, colspan: 7"][TABLE="width: 100%"] [TR] [TD]<[/TD] [TD="align: center"]September 2012[/TD] [TD="align: right"]>[/TD] [/TR] [/TABLE] [/TD] [/TR] [TR] [TH="align: center"]Sun[/TH] [TH="align: center"]Mon[/TH] [TH="align: center"]Tue[/TH] [TH="align: center"]Wed[/TH] [TH="align: center"]Thu[/TH] [TH="align: center"]Fri[/TH] [TH="align: center"]Sat[/TH] [/TR] [TR] [TD="align: center"]26[/TD] [TD="align: center"]27[/TD] [TD="align: center"]28[/TD] [TD="align: center"]29[/TD] [TD="align: center"]30[/TD] [TD="align: center"]31[/TD] [TD="align: center"]1[/TD] [/TR] [TR] [TD="align: center"]2[/TD] [TD="align: center"]3[/TD] [TD="align: center"]4[/TD] [TD="align: center"]5[/TD] [TD="align: center"]6[/TD] [TD="align: center"]7[/TD] [TD="align: center"]8[/TD] [/TR] [TR] [TD="align: center"]9[/TD] [TD="align: center"]10[/TD] [TD="align: center"]11[/TD] [TD="align: center"]12[/TD] [TD="align: center"]13[/TD] [TD="align: center"]14[/TD] [TD="align: center"]15[/TD] [/TR] [TR] [TD="align: center"]16[/TD] [TD="align: center"]17[/TD] [TD="align: center"]18[/TD] [TD="align: center"]19[/TD] [TD="align: center"]20[/TD] [TD="align: center"]21[/TD] [TD="align: center"]22[/TD] [/TR] [TR] [TD="align: center"]23[/TD] [TD="align: center"]24[/TD] [TD="align: center"]25[/TD] [TD="align: center"]26[/TD] [TD="align: center"]27[/TD] [TD="align: center"]28[/TD] [TD="align: center"]29[/TD] [/TR] [TR] [TD="align: center"]30[/TD] [TD="align: center"]1[/TD] [TD="align: center"]2[/TD] [TD="align: center"]3[/TD] [TD="align: center"]4[/TD] [TD="align: center"]5[/TD] [TD="align: center"]6[/TD] [/TR] [/TABLE] [/TD] [TD="class: body, align: center"] [TABLE="width: 1"] [TR] [TD="bgcolor: Silver, colspan: 7"][TABLE="width: 100%"] [TR] [TD]<[/TD] [TD="align: center"]September 2012[/TD] [TD="align: right"]>[/TD] [/TR] [/TABLE] [/TD] [/TR] [TR] [TH="align: center"]Sun[/TH] [TH="align: center"]Mon[/TH] [TH="align: center"]Tue[/TH] [TH="align: center"]Wed[/TH] [TH="align: center"]Thu[/TH] [TH="align: center"]Fri[/TH] [TH="align: center"]Sat[/TH] [/TR] [TR] [TD="align: center"]26[/TD] [TD="align: center"]27[/TD] [TD="align: center"]28[/TD] [TD="align: center"]29[/TD] [TD="align: center"]30[/TD] [TD="align: center"]31[/TD] [TD="align: center"]1[/TD] [/TR] [TR] [TD="align: center"]2[/TD] [TD="align: center"]3[/TD] [TD="align: center"]4[/TD] [TD="align: center"]5[/TD] [TD="align: center"]6[/TD] [TD="align: center"]7[/TD] [TD="align: center"]8[/TD] [/TR] [TR] [TD="align: center"]9[/TD] [TD="align: center"]10[/TD] [TD="align: center"]11[/TD] [TD="align: center"]12[/TD] [TD="align: center"]13[/TD] [TD="align: center"]14[/TD] [TD="align: center"]15[/TD] [/TR] [TR] [TD="align: center"]16[/TD] [TD="align: center"]17[/TD] [TD="align: center"]18[/TD] [TD="align: center"]19[/TD] [TD="align: center"]20[/TD] [TD="align: center"]21[/TD] [TD="align: center"]22[/TD] [/TR] [TR] [TD="align: center"]23[/TD] [TD="align: center"]24[/TD] [TD="align: center"]25[/TD] [TD="align: center"]26[/TD] [TD="align: center"]27[/TD] [TD="align: center"]28[/TD] [TD="align: center"]29[/TD] [/TR] [TR] [TD="align: center"]30[/TD] [TD="align: center"]1[/TD] [TD="align: center"]2[/TD] [TD="align: center"]3[/TD] [TD="align: center"]4[/TD] [TD="align: center"]5[/TD] [TD="align: center"]6[/TD] [/TR] [/TABLE] [/TD] [TD="class: header"] خروجی [/TD] [/TR] [/TABLE] [HR][/HR] موارد استفاده کنترل Calendar : از کنترل Calendar می توان برای انجام کارهای مختلفی استفاده نمود . در لیست زیر به چند مورد از این کارها اشاره کرده ایم : انتخاب تاریخ : همانطور که گفتیم ، این کنترل تاریخ ماه جاری را نمایش داده و کاربر می تواند بین روزها ،ماه ها و حتی سال ها حرکت کرده و تاریخ مورد نظر خود را مشاهده و یا انتخاب نماید . تنظیم خاصیت SelectedDate باعث می شود تا تاریخ انتخاب شده به صورت رنگی ( HighLight ) نمایش داده شود . همچنین می توان کاری کرد تا کاربر بتواند چندین تاریخ مورد نظر خود را انتخاب نماید . نمایش دادن تاریخ ملاقات ، حوادث و یا سایر اطلاعات : توسط این کنترل و اتصال آن به یک منبع داده ، می توان تاریخ ملاقات ، حوادث و یا سایر اطلاعات مربوط به هر روز را نمایش داد . این روش را در بخش راهکارهای موثر در ASP.Net نشان داده ایم .
پاسخ : آموزش ASP.NET [h=2]مقدمه و معرفی کنترل CheckBox[/h] مقدمه : از کنترل CheckBox در ASP.Net برای نمایش یک گزینه انتخاب به کاربر استفاده می شود . این کنترل دارای یک عنوان ( Caption ) و یک گزینه انتخاب است که کاربر می تواند جهت تایید و انتخاب آن را علامت بزند . علامت زدن گزینه انتخاب به معنای قبول کردن گزینه ( Yes ) بوده و کنترل مقد ار True را بر می گرداند . علامت نزدن گزینه و یا برداشتن تیک گزینه علامت خورده به معنای عدم قبول کردن گزینه ( No ) بوده و کنترل مقدار False را بر می گرداند . شکل کلی تعریف و نمایش کنترل CheckBox در صفحه های ASP.Net به صورت زیر است : [TABLE="class: ex"] [TR] [TD="class: prname"] Syntax [/TD] [TD="class: prdes, align: left"] < asp:CheckBox ID="CheckBox1" runat="server" Text ="CheckBox Control" / > CheckBox Control [/TD] [/TR] [/TABLE] نحوه قرار دادن یک کنترل CheckBox بر روی صفحه ASP.Net : ابتدا یک صفحه ASP.Net در محیط Visual Studio ایجاد کرده و یا صفحه از قبل طراحی شده خود را باز کنید . از منوی Toolbox و از قسمت کنترل های Standard یک کنترل CheckBox را کشیده و روی صفحه قرار دهید . همجنین می توانید به صورت مستقیم در فسمت کدنویسی Source صفحه کد مربوط به کنترل را تایپ نمایید . از کنترل CheckBox می توان در موارد زیر استفاده کرد : یک گزینه انتخاب را به کاربر نمایش دهید تا طبق نیاز خود آن را علامت زده و یا علامت آن را بر دارد . سپس از مقدار برگشتی آن در برنامه استفاده نمایید . باعث شوید تا صفحه در هنگام تغییر دادن گزینه کنترل Postback شود . کنترل CheckBox را به یک فیلد بانک اطلاعاتی متصل کرده که بایستی از نوع Boolen معادل ( True یا False ) باشد . در این حالت کنترل ابتدا مقدار انتخابی را از بانک اطلاعاتی دریافت کرده و سپس نتیجه انتخابی کاربر را به بانک اطلاعاتی باز می گرداند . در ادامه به توضیح این روش خواهیم پرداخت . [HR][/HR] Postback کردن صفحه با استفاده از کنترل CheckBox : در هنگام تغییر دادن علامت کنترل ChechBox رویداد ChechekCahnged آن فعال خواهد شد . در حالت پیش فرض اجرا شدن این رویداد کنترل صفحه را Postback نمی کند . با تغییر دادن مقدار خاصیت AutoPostBack کنترل به مقدار True ، در صورت تغییر دادن علامت کنترل صفحه Postback خواهد شد . در مثال زیر این مسئله را در عمل نمایش داده ایم : مثال : در مثال زیر 2 کنترل CheckBox را در کنار هم قرار داده ایم . کنترل اول در حالت پیش فرض قرار داشته و مقدار خاصیت AutoPostBack آن روی مقدار false تنظیم شده است ، بنابراین با تغییر علامت آن صفحه Postback نمی شود . اما در کنترل دوم مقدار خاصیت AutoPostBack را روی true تنظیم کرده ایم . بنابراین مشاهده می کنید که با تغییر علامت آن صفحه Postback می شود : نکته : برای Postback شدن صفحه در هنگام تغییر علامت گزینه کنترل CheckBox باید مرورگر از زبان برنامه نویسی Java Script پشتیبانی کرده و قابلیت Scripting آن نیز فعال باشد . [TABLE="class: ex"] [TR] [TD="class: header, colspan: 2"] Example [/TD] [/TR] [TR] [TD="class: body"] < asp:CheckBox ID="ChK1" runat="server" Text="Control 1" /> < asp:CheckBox ID="ChK2" runat="server" Text="Control 2" AutoPostBack="true" / > [/TD] [TD="class: header"] کد [/TD] [/TR] [TR] [TD="class: body"] Control 1 Control 2 [/TD] [TD="class: header"] خروجی [/TD] [/TR] [/TABLE]
پاسخ : آموزش ASP.NET [h=2]مقدمه و معرفی کنترل DropDownList[/h] مقدمه : از کنترل DropDownList در ASP.Net برای نمایش یک منوی کرکره ایی که شامل یک یا چندین آیتم مختلف می باشد ، به کاربر استفاده می شود . کاربر در هر لحظه می تواند منوی کرکره ایی را باز کرده و یکی از آیتم های موجود در آن را انتخاب نماید . آیتم های موجود در کنترل DropDownList توسط مجموعه ListItem کنترل تعیین می شوند . هر آیتم موجود در کنترل دارای 2 مقدار متن ( Text ) و مقدار ( Value ) می باشد . متن ( Text ) عبارتی که در کنترل به جای آیتم نمایش داده می شود و مقدار ( Value ) مقداری است که در صورت انتخاب آیتم در منوی کنترل به برنامه باز می گردد . از این مقدار می توان در امور برنامه نویسی استفاده کرد . همچنین شما می توانید یکی از آیتم های منو را به صورت پیش فرض انتخاب کنید تا در هنگام نمایش صفحه در کنترل نمایش داده شود . برای این منظور باید مقدار خاصیت Selected آیتم را برابر با مقدار True قرار دهید . در ادامه به بررسی بیشتر و نمایش نحوه کار با این کنترل می پردازیم . شکل کلی تعریف و نمایش کنترل DropDownList در صفحه های ASP.Net به صورت زیر است : [TABLE="class: ex"] [TR] [TD="class: prname"] Syntax [/TD] [TD="class: prdes, align: left"] < aspropDownList ID="DropDownList1" runat="server" > <asp:ListItem Text="ASP.Net" Value="1" Selected="True" > </asp:ListItem> <asp:ListItem Text="Java Script" Value="2"> </asp:ListItem> <asp:ListItem Text="HTML" Value="3"> </asp:ListItem> < aspropDownList / > ASP.Net Java Script HTML [/TD] [/TR] [/TABLE] نحوه قرار دادن یک کنترل DropDownList بر روی صفحه ASP.Net : ابتدا یک صفحه ASP.Net در محیط Visual Studio ایجاد کرده و یا صفحه از قبل طراحی شده خود را باز کنید . از منوی Toolbox و از قسمت کنترل های Standard یک کنترل DropDownList را کشیده و روی صفحه قرار دهید . همجنین می توانید به صورت مستقیم در فسمت کدنویسی Source صفحه کد مربوط به کنترل را تایپ نمایید . پس از قرار دادن کنترل بر روی صفحه می توانید آیتم های مورد نظر خود را به صورت دستی به کنترل اضافه کرده و یا با انتخاب خاصیت Item کنترل از منوی Propertis برنامه ، با استفاده از پنجره Wizard باز شده ، اقدام به تعیین آیتم های مورد نظر خود نمایید . [HR][/HR] کار با مجموعه ListItem کنترل : گفتیم که آیتم های موجود در کنترل DropDownList توسط مجموعه ListItem تعیین می شود . برای تعیین هر آیتم در کنترل DropDownList بایستی یک تگ باز و بسته < asp:ListItem > < / asp:ListItem > را در کنترل ایجاد کنید . سپس با استفاده از خواص زیر مشخصات هر آیتم را تعیین نمایید : [TABLE="class: pr"] [TR] [TD="class: prname"] خاصیت [/TD] [TD="class: prdes"] شرح [/TD] [/TR] [TR] [TD="class: prbody"] Text [/TD] [TD="class: prbody"] این خاصیت عبارتی را تعیین می کند که در کنترل به عنوان یک آیتم نمایش داده می شود . [/TD] [/TR] [TR] [TD="class: prbody"] Value [/TD] [TD="class: prbody"] برای هر آیتم موجود در کنترل می توان یک مقدار ( Value ) تعیین کرد . کنترل در هنگام انتخاب هر آیتم ، مقدار Value آن را به برنامه باز می گرداند که از این مقدار بازگشتی می توان در امور برنامه نویسی استفاده نمود . [/TD] [/TR] [TR] [TD="class: prbody"] Selected [/TD] [TD="class: prbody"] این خاصیت تعیین می کند که آیا آیتم مورد نظر در کنترل به صورت پیش فرض انتخاب شده باشد یا خیر . چنانچه مقدار آن را برای هر کدام از آیتم های کنترل برابر با مقدار True قرار دهید ، آن آیتم در کنترل به صورت پیش فرض انتخاب شده خواهد بود . در هر کنترل DropDownList در هر لحظه می توان فقط یک آیتم انتخاب شده باشد . در صورت تعیین بیش از یک آیتم ، برنامه error خواهد داد . نکته : در صورت عدم تعیین آیتم خاصی به عنوان آیتم پیش فرض ، کنترل اولین آیتم موجود در لیست را به عنوان آیتم پیش فرض انتخاب شده قرار خواهد داد . [/TD] [/TR] [/TABLE] در مثال زیر نحوه تعریف یک کنترل DropDownList را به صورت کامل نمایش داده ایم . می بینید که هر آیتم دارای یک جفت مقدار ( value ) و متن ( Text ) بوده و گزینه ASP.Net به صورت پیش فرض انتخاب شده است . [TABLE="class: ex"] [TR] [TD="class: prname"] Example [/TD] [TD="class: prdes, align: left"] < aspropDownList ID="DropDownList1" runat="server" > <asp:ListItem Text="ASP.Net" Value="1" Selected="True" > </asp:ListItem> <asp:ListItem Text="Java Script" Value="2"> </asp:ListItem> <asp:ListItem Text="HTML" Value="3"> </asp:ListItem> < aspropDownList / > ASP.Net Java Script HTML [/TD] [/TR] [/TABLE] [HR][/HR] Postback کردن صفحه با استفاده از کنترل DropDownList : در هنگام تغییر دادن آیتم انتخاب شده کنترل DropDownList رویداد SelectedIndexChanged آن فعال خواهد شد . در حالت پیش فرض اجرا شدن این رویداد کنترل صفحه را Postback نمی کند . با تغییر دادن مقدار خاصیت AutoPostBack کنترل به مقدار True ، در صورت تغییر دادن آیتم انتخاب شده کنترل صفحه Postback خواهد شد . فایده Postback کردن صفجه این است که صفخه به سروز ارسال شده و Refresh می شود . بنابراین می توان تغییرات را در صفحه مشاهده کرده و همچنین دستورات و توابع تعریف شده در رویداد Page Load صفحه و رویداد SelectedIndexChanged کنترل را اجرا نماییم . در مثال زیر این مسئله را در عمل نمایش داده ایم : مثال : در مثال زیر 2 کنترل DropDownList را در کنار هم قرار داده ایم . کنترل اول در حالت پیش فرض قرار داشته و مقدار خاصیت AutoPostBack آن روی مقدار false تنظیم شده است ، بنابراین با تغییر آیتم انتخابی آن صفحه Postback نمی شود . اما در کنترل دوم مقدار خاصیت AutoPostBack را روی true تنظیم کرده ایم . بنابراین مشاهده می کنید که با تغییر آیتم انتخابی آن صفحه Postback شده و همچنین یک تابع که عنوان آیتم اانتخاب شده را توسط یک کنترل Label نمایش می دهد ، اجرا می شود . دستور این تابع در قسمت کدنویسی صفحه و در رویداد تغییر آیتم کنترل DropDownList تعیین شده است . این تابع در صورت عدم Postback شدن صفحه اجرا نخواهد شد : نکته : برای Postback شدن صفحه در هنگام تغییر آیتم انتخابین کنترل DropDownList باید مرورگر از زبان برنامه نویسی Java Script پشتیبانی کرده و قابلیت Scripting آن نیز فعال باشد . [TABLE="class: ex"] [TR] [TD="class: header, colspan: 2"] Example [/TD] [/TR] [TR] [TD="class: body"] < aspropDownList ID="DropDownList1" runat="server" > <asp:ListItem Text="ASP.Net" Value="1" Selected="True" > </asp:ListItem> <asp:ListItem Text="Java Script" Value="2"> </asp:ListItem> <asp:ListItem Text="HTML" Value="3"> </asp:ListItem> < aspropDownList / > < aspropDownList ID="DropDownList1" runat="server" AutoPostBack="true" > <asp:ListItem Text="ASP.Net" Value="1" Selected="True" > </asp:ListItem> <asp:ListItem Text="Java Script" Value="2"> </asp:ListItem> <asp:ListItem Text="HTML" Value="3"> </asp:ListItem> < aspropDownList / > <span>Your Selection is : </span> < asp:Label runat="server" ID="lbl_Show" /> [/TD] [TD="class: header"] کد [/TD] [/TR] [TR] [TD="class: body"] ASP.Net Java Script HTML ASP.Net Java Script HTML Your Selection is : [/TD] [TD="class: header"] خروجی [/TD] [/TR] [/TABLE] همچنین کد تابع مربوط به نمایش آیتم انتخاب شده در کنترل Drop2 در هنگام تغییر آن که در فایل کد صفحه قرار دارد به صورت زیر است : [TABLE="class: ex"] [TR] [TD="class: prname"] Syntax [/TD] [TD="class: prdes, align: left"] protected void Drop2_SelectedIndexChanged ( object sender , EventArgs e ) { if ( Page.IsPostBack ) { lbl_Show.Text = Drop2.SelectedItem.ToString( ) ; } } [/TD] [/TR] [/TABLE]
پاسخ : آموزش ASP.NET [h=2]مقدمه و معرفی کنترل TextBox - کادر متن[/h] مقدمه : از کنترل TextBox در ASP.Net برای نمایش یک کادر متن به کاربر و دریافت اطلاعات ورودی از وی استفاده می شود . کاربر می تواند اطلاعات مورد نظر خود از جمله نام کاربری ، کلمه عبور ، آدرس Email و یا سایر اطلاعات را درون کادر متن های مربوطه وارد نماید . پس از وارد نمودن کلیه اطلاعات لازم ، کاربر می تواند صفحه را به سرور ارسال نماید . به طور مثال برای این منظور برای روی یک دکمه فرمان Button که صفحه را Submit می کند ، کلیک نماید . شکل کلی تعریف و نمایش کنترل TextBox در صفحه های ASP.Net به صورت زیر است : [TABLE="class: ex"] [TR] [TD="class: prname"] Syntax [/TD] [TD="class: prdes, align: left"] < asp:TextBox ID="TextBox1" runat="server" > < / asp:TextBox > یا < asp:TextBox ID="TextBox1" runat="server" /> [/TD] [/TR] [/TABLE] نحوه قرار دادن یک کنترل TextBox بر روی صفحه ASP.Net : ابتدا یک صفحه ASP.Net در محیط Visual Studio ایجاد کرده و یا صفحه از قبل طراحی شده خود را باز کنید . از منوی Toolbox و از قسمت کنترل های Standard یک کنترل TextBox را کشیده و روی صفحه قرار دهید . همجنین می توانید به صورت مستقیم در فسمت کدنویسی Source صفحه کد مربوط به کنترل را تایپ نمایید . به صورت پیش فرض کنترل TextBox دارای یک خط برای ورود اطلاعات است . در این حالت در هنگام اجرای صفحه ASP.Net کنترل TextBox به صورت یک تگ < input > بر روی صفحه تعریف می شود . اما در صورت نیاز می توان با تغییر مقدار خاصیت TextMode کنترل به مقدار MultiLine ، باعث شد تا کنترل TextBox چندین خطه شده و کاربر بتواند مقدار بیشتری متن و اطلاعات را درون کنترل وارد نماید . در این حالت کنترل به صورت یک تگ < textarea > بر روی صفحه قرار خواهد گرفت . مثال : در مثال زیر 2 کنترل TextBox را بر روی صفحه قرار داده ایم . در کنترل اول مقدار خاصیت TextMode به صورت پیش فرض روی مقدار SingleLine تنظیم شده است . بنابراین فقط دارای یک خط برای ورود اطلاعات می باشد . اما در کنترل دوم مقدار این خاصیت روی MultiLine تنظیم شده و به همین دلیل دارای چندین خط ورود اطلاعات می باشد : [TABLE="class: ex"] [TR] [TD="class: header, colspan: 2"] Example [/TD] [/TR] [TR] [TD="class: body"] < asp:TextBox ID="Text1" runat="server" /> < asp:TextBox ID="Text2" runat="server" TextMode="MultiLine" /> [/TD] [TD="class: header"] کد [/TD] [/TR] [TR] [TD="class: body"] [/TD] [TD="class: header"] خروجی [/TD] [/TR] [/TABLE] [HR][/HR] مخفی کردن اطلاعات ورودی در کنترل TextBox از دید سایر کاربران : در برخی از موراد مانند کادرهای ورود رمز عبور لازم است تا مقدار متن ورودی از دید سایر کاربران مخفی باشد . در این حالت معمولا کنترل یک نشانه * یا % را به جای هر کاراکتر ورودی توسط کاربر ، نمایش می دهد . برای این منظور بایستی مقدار خاصیت TextMode کنترل را برابر با مقدار Password قرار دهید . در این حالت نشانه * یا هر نشانه مشابه دیگر ( بسته به نوع مرورگر مورد استفاده دارد ) به جای هر کاراکتر ورودی توسط کاربر نمایش داده خواهد شد . مثال : در مثال زیر 2 کنترل TextBox را بر روی صفحه قرار داده ایم . در کنترل اول که به صورت پیش فرض می باشد ، کاراکترهایی ورودی نمایش داده می شوند . اما در کنترل دوم مقدار خاصیت TextMode کنترل را روی مقدار Password قرار داده ایم . در این کنترل کاراکترهای ورودی با استفاده از یک نشانه ، از دید کاربر مخفی شده است : [TABLE="class: ex"] [TR] [TD="class: header, colspan: 2"] Example [/TD] [/TR] [TR] [TD="class: body"] < asp:TextBox ID="Text1" runat="server" /> < asp:TextBox ID="Text2" runat="server" TextMode="Password"" /> [/TD] [TD="class: header"] کد [/TD] [/TR] [TR] [TD="class: body"] [/TD] [TD="class: header"] خروجی [/TD] [/TR] [/TABLE] [HR][/HR] رویداد مهم کنترل TextBox - رویداد TextChanged هنگامی که کاربر هرگونه تغییری در اطلاعات موجود در کنترل TextBox مثل وارد کردن یک حرف جدید یا پاک کردن یک حرف موجود را انجام می دهد ، رویداد TextChanged کنترل TextBox فعال می شود . اما این رویداد به صورت پیش فرض صفحه را Postback نمی کند . از این رویداد می توانید در برنامه نویسی برای انجام یک سری دستورات در هنگام تغییر دادن متن کنترل توسط کاریر استفاده کنید . در مباحث پیش رفته تر به بررسی این روش خواهیم پرداخت . اما شما می توانید ترتیبی اتخاد کنید تا هر گاه کاربر اطلاعات خود را در کنترل TextBox وارد کرده و یا آن را تغییر دهد ، صفحه Postback ( یعنی به سرور ارسال شود ) شود . در این حالت بلافاصله بعد از اینکه کاربر اطلاعات را در کنترل وارد نموده و از آن خارج شود ، صفحه به سرور ارسال می شود . برای این منظور باید خاصیت AutoPostBack کنترل را روی مقدار true قرار دهید . در مثال زیر به توضیح عملی این مطلب پرداخته ایم . مثال : در مثال زیر 2 کنترل TextBox را بر روی صفحه قرار داده ایم . در کنتر اول خاصیت AutoPostBack فعال نبوده و در نتیجه با تغییر متن درون آن و خروج از کنترل هیچ اتفاقی نمی افتاده و صفحه Postback نمی شود . اما در کنترل دوم با فعال کردن خاصیت AutoPostBack ، در صورت تغییر متن درون کنترل و خروج از آن ، بلافاصله صفحه Postback خواهد شد : [TABLE="class: ex"] [TR] [TD="class: header, colspan: 2"] Example [/TD] [/TR] [TR] [TD="class: body"] < asp:TextBox ID="Text1" runat="server" /> < asp:TextBox ID="Text2" runat="server" AutoPostBack = " true " /> [/TD] [TD="class: header"] کد [/TD] [/TR] [TR] [TD="class: body"] [/TD] [TD="class: header"] خروجی [/TD] [/TR] [/TABLE] [HR][/HR] کامل کردن خودکار اطلاعات توسط کنترل TextBox : مطمئنا شما در هنگام کار با سایت های مختلف به این مسئله برخورد کرده اید که هنگامی که یک متن را در کنترل TextBox وارد می کنید ، دفعه بعدی که به همان صفحه می روید ، با وارد نمودن اولین حرف متن مورد نظرتان ، کنترل تمام متن های قبلی که در کنترل وارد کرده اید و با آن حرف شروع می شوند را به شما نمایش می دهد . که می توانید هر کدام را انتخاب کرده و سپس کنترل به صورت اتوماتیک متن را کامل می کند . به این ویژگی کنترل TextBox ، Auto-Completion می گویند . بیشتر مرورگرها از این خاصیت پشتیبانی می کنند . آنها در هنگام وارد کردن متن توسط کاربر ، سایر موارد قبلی وارد شده توسط وی را به او نشان می دهند . نحوه عملکرد کنترل در این زمینه به نوع مرورگر و طراحی َآن بستگی دارد . برای تنظیم نحوه عملکرد کنترل TextBox در این زمینه ، می توانید از خاصیت AutoComplete کنترل استفاده نمایید .
پاسخ : آموزش ASP.NET [h=2]مقدمه و معرفی کنترل BulletedList[/h] مقدمه : از کنترل BulletedList در ASP.Net برای نمایش لیست های ترتیبی ( شماره دار ) و یا لیست های بدون ترتیب ( نشانه دار ) به کاربر استفاده می شود . در این کنترل شما می توانید یک یا چندین آیتم مختلف را در یک لیست قرار داده که در ابتدای هر آیتم لیست ، یک شماره ، حرف و یا نشانه ( Bullet ) قرار می گیرد . عملکرد این کنترل دقیقا همانند تگ های < ol &gh; یا تگ ul می باشد . این کنترل نیز در هنگام اجرای صفحه های ASP.Net به صورت تگ < ol > یا < ul > به صفحه ارسال می شود . شکل کلی تعریف و نمایش کنترل BulletedList در صفحه های ASP.Net به صورت زیر است : [TABLE="class: ex"] [TR] [TD="class: prname"] Syntax [/TD] [TD="class: prdes, align: left"] < asp:BulletedList ID="BulletedList1" runat="server" > <asp:ListItem Text="ASP.Net" Value="1" > </asp:ListItem> <asp:ListItem Text="Java Script" Value="2"> </asp:ListItem> <asp:ListItem Text="HTML" Value="3"> </asp:ListItem> < asp:BulletedList / > ASP.Net Java Script HTML [/TD] [/TR] [/TABLE] نحوه قرار دادن یک کنترل BulletedList بر روی صفحه ASP.Net : ابتدا یک صفحه ASP.Net در محیط Visual Studio ایجاد کرده و یا صفحه از قبل طراحی شده خود را باز کنید . از منوی Toolbox و از قسمت کنترل های Standard یک کنترل BulletedList را کشیده و روی صفحه قرار دهید . همجنین می توانید به صورت مستقیم در فسمت کدنویسی Source صفحه کد مربوط به کنترل را تایپ نمایید . پس از قرار دادن کنترل بر روی صفحه می توانید آیتم های مورد نظر خود را به صورت دستی به کنترل اضافه کرده و یا با انتخاب خاصیت Item کنترل از منوی Propertis برنامه ، با استفاده از پنجره Wizard باز شده ، اقدام به تعیین آیتم های مورد نظر خود نمایید . [HR][/HR] کار با مجموعه ListItem کنترل : گفتیم که آیتم های موجود در کنترل BulletedList توسط مجموعه ListItem تعیین می شود . برای تعیین هر آیتم در کنترل BulletedList بایستی یک تگ باز و بسته < asp:ListItem > < / asp:ListItem > را در کنترل ایجاد کنید . سپس با استفاده از خواص زیر مشخصات هر آیتم را تعیین نمایید : [TABLE="class: pr"] [TR] [TD="class: prname"] خاصیت [/TD] [TD="class: prdes"] شرح [/TD] [/TR] [TR] [TD="class: prbody"] Text [/TD] [TD="class: prbody"] این خاصیت عبارتی را تعیین می کند که در کنترل به عنوان یک آیتم نمایش داده می شود . [/TD] [/TR] [TR] [TD="class: prbody"] Value [/TD] [TD="class: prbody"] برای هر آیتم موجود در کنترل می توان یک مقدار ( Value ) تعیین کرد . کنترل در هنگام انتخاب هر آیتم ، مقدار Value آن را به برنامه باز می گرداند که از این مقدار بازگشتی می توان در امور برنامه نویسی استفاده نمود . برای مثال فرض کنید که در یک لیست ، اسامی دانشجویان یک دانشگاه را قرار داده اید . در این حالت در هر آیتم می توانید نام دانشجو را با استفاده از خاصیت Text نمایش داده و کد دانشجویی آن را توسط خاصیت Value تعیین کنید . این مقدار در صفحه به کاربر نمایش داده نخواهد شد و فقط در هنگام کلیک بر روی نام دانشجو مقدار کد دانشجویی آن توسط برنامه ارسال خواهد شد . برای دیدن مثال د استفاده از این قابیلت به صفحه آموزش پاسخ به کلیک کاربر بروی آیتم های کنترل BulletedList بروید . [/TD] [/TR] [/TABLE] در مثال زیر نحوه تعریف یک کنترل BulletedList را به صورت کامل نمایش داده ایم . می بینید که هر آیتم دارای یک جفت مقدار ( value ) و متن ( Text ) می باشد . [TABLE="class: ex"] [TR] [TD="class: prname"] Example [/TD] [TD="class: prdes, align: left"] < asp:BulletedList ID="BulletedList1" runat="server" > <asp:ListItem Text="ASP.Net" Value="1" > </asp:ListItem> <asp:ListItem Text="Java Script" Value="2"> </asp:ListItem> <asp:ListItem Text="HTML" Value="3"> </asp:ListItem> < asp:BulletedList / > ASP.Net Java Script HTML [/TD] [/TR] [/TABLE] [HR][/HR] تعیین نوع لیست و علامت ( Bullet ) آیتم ها در کنترل BulletedList : همانطور که گفتیم شما می توانید با استفاده از کنترل BulletedList هم لیست های ترتیبی ( شماره دار ) و لیست های بدون ترتیب ( نشانه ای ) ایجاد نمایید . تعیین اینکه لیست به چه شکلی باشد توسط خاصیت Bulletstyle کنترل انجام می شود . این خاصیت دارای مقادیر مختلفی می باشد که هر کدام یک حالت خاص را به لیست می دهد . برای مثال چنانچه مقدار آن را بر روی مقدار Numbered قرار دهید ، لیست به صورت ترتیبی و شماره دار نمایش داده خواهد شد . یا چنانچه مقدار آن را بر روی مقدار Circle تنظیم کنید ، لیست به صورت بدون ترتیب و نشانه ای نمایش داده می شود که در ابتدای هر آیتم یک دایره قرار خواهد گرفت . در مثال زیر دو حالت تشریح شده را نمایش داده ایم . شما می توانید با تغییر مقدار خاصیت BulletStyle سایر حالات را نیز بررسی کنید . [TABLE="class: ex"] [TR] [TD="class: header, colspan: 2"] Example [/TD] [/TR] [TR] [TD="class: body"] < asp:BulletedList ID="BulletedList1" runat="server" BulletStyle="Numbered" > <asp:ListItem Text="ASP.Net" Value="1" > </asp:ListItem> <asp:ListItem Text="Java Script" Value="2"> </asp:ListItem> <asp:ListItem Text="HTML" Value="3"> </asp:ListItem> < asp:BulletedList / > < asp:BulletedList ID="BulletedList2" runat="server" BulletStyle="Circle" > <asp:ListItem Text="ASP.Net" Value="1" > </asp:ListItem> <asp:ListItem Text="Java Script" Value="2"> </asp:ListItem> <asp:ListItem Text="HTML" Value="3"> </asp:ListItem> < asp:BulletedList / > [/TD] [TD="class: header"] کد [/TD] [/TR] [TR] [TD="class: body"] ASP.Net Java Script HTML ASP.Net Java Script HTML [/TD] [TD="class: header"] خروجی [/TD] [/TR] [/TABLE] [HR][/HR] نمایش لینک در آیتم های کنترل BulletedList : شما می توانید هر یک از آیتم های کنترل BulletedList را به صورت یک HuperLink در بیاورید ، که کاربر با کلیک بر روی هر یک از آنها می تواند به آدرس تعیین شده برای آن لینک برود . برای این منظور باید مقدار خاصیت DisplayMode کنترل را روی مقدار HyperLink قرار دهید . سپس برای هر یک از آیتم ها علاوه بر مقدار Text که تعیین کننده متن مورد نمایش برای لینک است ، آدرس Url مورد نظر خود را در خاصیت Value آیتم تعیین کنید . در مثال زیر به بررسی این مسئله پرداخته ایم . مثال : در مثال زیر یک کنترل BulletedList را قرار داده ایم . هر آیتم این کنترل به صورت یک HyperLink در آمده و کاربر با کلیک بر روی نام آن می تواند به صفحه آموزش مربوطه برود : [TABLE="class: ex"] [TR] [TD="class: header, colspan: 2"] Example [/TD] [/TR] [TR] [TD="class: body"] < asp:BulletedList ID="BulletedList1" runat="server" BulletStyle="Circle" DisplayMode = "HyperLink" > <asp:ListItem Text="HTML" Value="www.Developerstudio.ir/HTML/Main.aspx" > </asp:ListItem> <asp:ListItem Text="SQL" Value="www.Developerstudio.ir/SQL/Introduce.aspx"> </asp:ListItem> <asp:ListItem Text="CSS" Value="www.Developerstudio.ir/CSS/Introduce.aspx"> </asp:ListItem> < asp:BulletedList / > [/TD] [TD="class: header"] کد [/TD] [/TR] [TR] [TD="class: body"] HTML SQL CSS [/TD] [TD="class: header"] خروجی [/TD] [/TR] [/TABLE]
پاسخ : آموزش ASP.NET [h=2]مقدمه و معرفی کنترل Image[/h] مقدمه : از کنترل Image در ASP.Net می توان برای نمایش تصویر و ِیا آیکون بر روی صفحه استفاده نمود . شما می توانید عکس یا آیکون کنترل را از قبل تعیین کرده و یا به صورت دینامیک آن را در هنگام اجرای صفحه تعیین و یا تغییر دهید . همچنین می توانید خاصیت ImageUrl کنترل را به یک فیلد بانک اطلاعاتی متصل کرده تا تصویر آن از طریق اطلاعات موجود در پایگاه داده تعیین شود . این کنترل همانند تگ < img > در HTML عمل می کند و در هنگام اجرای صفحات ASP.Net به صورت یک تگ < img > به صفحه ارسال می شود . شکل کلی تعریف و نمایش کنترل Image در صفحه های ASP.Net به صورت زیر است : [TABLE="class: ex"] [TR] [TD="class: prname"] Syntax [/TD] [TD="class: prdes, align: left"] < asp:Image ID="Image1" runat="server" src = " آدرس عکس مورد نظر " / > [/TD] [/TR] [/TABLE] نحوه قرار دادن یک کنترل Image بر روی صفحه ASP.Net : ابتدا یک صفحه ASP.Net در محیط Visual Studio ایجاد کرده و یا صفحه از قبل طراحی شده خود را باز کنید . از منوی Toolbox و از قسمت کنترل های Standard یک کنترل Image را کشیده و روی صفحه قرار دهید . همجنین می توانید به صورت مستقیم در فسمت کدنویسی Source صفحه کد مربوط به کنترل را تایپ نمایید . [HR][/HR] تعیین عکس یا آیکون مورد نظر برای کنترل Image : عکس یا آیکونی را که می خواهید توسط کنترل Image نمایش داده شود را توسط خاصیت ImageUrl این کنترل تعیین می کنید . برای این منظور بایستی مقدار خاصیت ImageUrl کنترل را برابر با آدرس عکس مورد نظر خود قرار دهید . در مثال زیر نحوه انجام این کار را نمایش داده ایم : در حالت اول آدرس به صورت Relative است . این نوع آدرس دهی برای عکس هایی است که بر روی سرور اصلی سایت شما قرار دارد و برای آدرس دهی آن فقط باید مسیر و پوشه مورد نظر را تعیین کرد . اما در حالت دوم عکس بر روی سروری به غیر از سرور سایت شما قرار دارد . در این حالت باید آدرس کامل عکس شامل آدرس سرور و مسیر دسترسی را تعیین کنید . [TABLE="class: ex"] [TR] [TD="class: header, colspan: 2"] Example [/TD] [/TR] [TR] [TD="class: body"] < asp:Image ID="Image1" runat="server" ImageUrl=" ~/Pic/imgexample.jpg " /> < asp:Image ID="Image1" runat="server" ImageUrl=" http://www.rootfiles.com/Pic/imgexample.jpg " /> [/TD] [TD="class: header"] کد [/TD] [/TR] [TR] [TD="class: body"] [/TD] [TD="class: header"] خروجی [/TD] [/TR] [/TABLE] [HR][/HR] تعیین ویژگی هایی برای کنترل Image : شما می توانید چند ویژگی کاربردی را برای کنترل Image تعیین کنید . در زیر به 2 مورد از این ویژگی ها اشاره می کنیم : 1. خاصیت ToolTip : توسط این خاصیت می توانید یک متن خاص را تعیین کرده تا در هنگام قرار گیری موس بر روی عکس ، آن متن در قالب یک کادر ToolTip نمایش داده شود . این متن می تواند شامل توضیحاتی راجع به عکس باشد . در مثال زیر نحوه استفاده از این خاصیت را نمایش داده ایم . با قرار گیری موس بر روی عکس خروجی مثال ، متن موجود در خاصیت ToolTip نمایش داده می شود . [TABLE="class: ex"] [TR] [TD="class: header, colspan: 2"] Example [/TD] [/TR] [TR] [TD="class: body"] < asp:Image ID="Image1" runat="server" ImageUrl=" ~/Pic/imgexample.jpg " ToolTip=" سایت DeveloperStudio " /> [/TD] [TD="class: header"] کد [/TD] [/TR] [TR] [TD="class: body"] [/TD] [TD="class: header"] خروجی [/TD] [/TR] [/TABLE] 1. خاصیت AlternateText : توسط این خاصیت می توانید یک متن خاص را تعیین کرده تا در صورتی که مرورگر موفق نشد به هر دلیلی عکس مورد نظر را نمایش دهد ، متن جایگزین را به جای عکس نشان دهد . ToolTip نمایش داده شود . این متن بایستی شامل توضیحاتی راجع به عکس باشد . در مثال زیر نحوه استفاده از این خاصیت را نمایش داده ایم . به دلیل اینکه آدرس عکس اشتباه است ، مرورگر موفق نشده عکس را نمایش دهد . به همین علت متن جایگزین را نشان داده است . [TABLE="class: ex"] [TR] [TD="class: header, colspan: 2"] Example [/TD] [/TR] [TR] [TD="class: body"] < asp:Image ID="Image1" runat="server" ImageUrl=" ~/Pic/1imgexample.jpg " AlternateText =" سایت آموزش کامپیوتر " /> [/TD] [TD="class: header"] کد [/TD] [/TR] [TR] [TD="class: body"] [/TD] [TD="class: header"] خروجی [/TD] [/TR] [/TABLE]
پاسخ : آموزش ASP.NET [h=2]ایجاد یک عکس با نواحی قابل کلیک شدن کنترل ImageMap[/h] معرفی کنترل ImageMap : از کنترل ImageMap در ASP.Net ، برای ایجاد یک عکس با نواحی مختلف قابل کلیک شدن استفاده می شود . به این نواحی تعیین شده بر روی یک عکس HotSpot می گویند ، که می تواند به صورت مستطیل ( RectangleHotSpot ) ، دایره ( CircleHotSpot ) و یا چند ضلعی ( PolygonHotSpot ) باشد . شما می توانید برای هر HotSpot بر روی عکس برنامه ریزی کنید تا در صورت کلیک کاربر بر روی آن ، کاربر به یک آدرس بره ( ایجاد یک لینک ) و یا یک رویدادی در برنامه رخ بده . برای مثال به چند ImageMap که تا حالا باهاشون کار کردید و شاید نمی دونستید چطور کار می کنند اشاره می کنیم . مثلا برنامه GoogleMap از همچین سیستمی استفاده می کنه . یا مثلا می توانید نقشه ایران را در یک عکس قرار داده و کاری کنید که کاربر با کلیک بر روی مختصات هر استان روی عکس ، به صفحه مربوط به آن استان هدایت شود . شکل کلی تعریف و نمایش کنترل 6 در صفحه های ASP.Net به صورت زیر است . این کد ، کد مثال یک کنترل 6 در هنگام تعریف کامل در صفحه است : [TABLE="class: ex"] [TR] [TD="class: prname"] Syntax [/TD] [TD="class: prdes, align: left"] <asp:ImageMap ID="Image_Map" runat="server" ImageUrl="~/TagsList.jpg" Height="200px" Width="200px"> <asp:RectangleHotSpot Bottom="100" Right="100" NavigateUrl="~/HTML/Table.aspx" /> </asp:ImageMap> [/TD] [/TR] [/TABLE] کنترل ImageMap چگونه کار می کند : کنترل ImageMap از دو بخش تشکیل شده است : یک عکس که تعیین کننده تصویر کنترل است و توسط خاصیت ImageUrl کنترل تعیین می شود . این عکس می تواند از هر نوع فرمت عکسی باشد ( مثل jpg , gif و یا png و ... ) و محدودیتی در این زمینه وجود ندارد . مجموعه ای از HotSpot ها ، که عکس را به نواحی مختلف قابل کلیک شدن تقسیم می نمایند . برای هر HotSpot باید یک مختصات دقیق و یک اندازه تعیین نمایید . برای مثال اگر HotSpot یک دایره باشد ، مختصات مرکز آن را بر روی عکس به وسیله دو خاصیت x-coordinates و y-coordinates تعیین می کنیم . همچنین اندازه آن که معادل شعاع دایره است را با خاصیت Circle Radius مشخص می کنیم . در تعیین HotSpot ها برای کنترل باید به دو نکته دقت نمایید : اول اینکه شما می توانید به هر اندازه و تعداد که بخواهید HotSpot بر روی عکس ایجاد نمایید . دوم اینکه حتما لازم نیست تمام عکس خود را با HotSpot بپوشانید . می توانید هر بخشی را که نیاز ندارید ، بدون HotSpot رها نمایید . سوما اینکه اگر بخشی یا همه دو یا چند HotSpot روی یکدیگر قرار بگیرند ، مشکلی به وجود نمی آد . هر HotSpot یک خاصیت به نام Z-index داره که اگر چند تا از HotSpot ها روی هم قرار بگیرند ، HotSpot ی فعال که Z-index اون از همه مقدارش بیشتر باشد . در آخر هم این نکته را خاطر نشان می کنیم که تمام برنامه های طراحی وب ( از جمله ویژوال استودیو که برای طراحی صفحات ASP.Net است ) ابزاری برای ایجاد HotSpot ها بر روی عکس ها ، به صورت ویژوال دارند و می توانید به وسیله موس و درگ و دراپ کردن ، نواحی مورد نیازتان را به راحتی ایجاد نمایید . سپس خود برنامه کدهای لازم را ایجاد می نماید . بنابراین توضیح بیشتری راجع به طراحی HotSpot ها دیگه نمی دیم . ایجاد لینک برای HotSpot ها بر روی کنترل ImageMap : شما می توانید تعیین کنید هنگامی که کاربر بر روی یک HotSpot کلیک می کند چه اتفاقی بیفتد . می توانید تعیین نمایید که صفحه با کلیک کاربر بر روی هر HotSpot به یک آدرس Url تعیین شده برای آن HotSpot برود . در این حالت شما از هر HotSpot یک لینک در صفحه ایجاد می نمایید . یا اینکه می توانید تعیین کنید تا پس از کلیک کاربر بر روی یک HotSpot ، صفحه Postback شود . در این حالت می توانید به وسیله خاصیت PostBackValue هر HotSpot یک مقدار منحصر به فرد برای آن HotSpot تعیین نمایید ، تا پس از Postback شدن صفحه ، آن مقدار به صفحه ارسال شده و بر اساس مقدار ارسالی ، دستورات مورد نظر خود را اجرا نمایید . دو مورد توضیح داده شده را در قالب مثال های عملی به شما نمایش می دهیم . مثال های عملی کار با ImageMap : در مثال های عملی زیر سعی می کنیم تا کار با کنترل ImageMap را در عمل به شما نمایش دهیم : مثال 1 : ایجاد لینک به وسیله HotSpot ها: در مثال اول یک عکس داریم که دارای 4 بخش مختلف است و هر بخش مربوط به یک تگ HTML . بر روی تصویر 4 عدد HotSpot تعیین کرده ایم که در صورت کلیک کاربر بر روی هر کدام از آنها در تصویر ، مرورگر به صفحه آموزش آن تگ در HTML می رود . دقت کنید که آدرس Url مقصد هر HotSpot توسط خاصیت NavigateUrl آن تعیین شده است : [TABLE="class: ex"] [TR] [TD="class: header, colspan: 2"] Example [/TD] [/TR] [TR] [TD="class: body"] <asp:ImageMap ID="Image_Map" runat="server" ImageUrl="~/TagsList.jpg" Height="200px" Width="200px"> <asp:RectangleHotSpot Bottom="100" Right="100" NavigateUrl="~/HTML/Table.aspx" /> <asp:RectangleHotSpot Bottom="100" Left="100" Right="200" NavigateUrl="~/HTML/base_tag1.aspx" /> <asp:RectangleHotSpot Bottom="200" Right="100" NavigateUrl="~/HTML/Link.aspx" /> <asp:RectangleHotSpot Bottom="200" Left="200" Right="100" NavigateUrl="~/HTML/textformat1.aspx" /> </asp:ImageMap> [/TD] [TD="class: header"] کد [/TD] [/TR] [TR] [TD="class: body, align: center"] [/TD] [TD="class: header"] خروجی [/TD] [/TR] [/TABLE] مثال 2 : تعیین یک مقدار منحصر به فرد برای هر HotSpot و برنامه نویسی با آن : در مثال دوم همان مثال و کد بالا را استفاده نموده ایم . با این تفاوت که اولا برای هر HotSpot توسط خاصیت PostBackValue یک مقدار منحصر به فرد تعیین کرده ایم . دوما اینکه به جای قرار دادن یک آدرس برای هر HotSpot ، به وسیله خاصیت HotSpotMode کنترل ImageMap و تعیین مقدار آن را بر روی PostBack به برنامه گفته ایم که با کلیک بر روی هر HotSpot صفحه PostBack شود . پس از PostBack شدن صفحه رویداد کلیک کنترل ImageMap فعال شده و بنا بر HotSpot یی که بر روی آن کلیک شده است ، توسط کنترل Label یک پیام متن به کاربر نمایش داده می شود : [TABLE="class: ex"] [TR] [TD="class: header, colspan: 2"] Example [/TD] [/TR] [TR] [TD="class: body"] <asp:ImageMap ID="ImageMap1" runat="server" ImageUrl="~/TagsList.jpg" Height="200px" Width="200px" HotSpotMode="PostBack" onclick="ImageMap1_Click" > <asp:RectangleHotSpot Bottom="100" Right="100" PostBackValue="1" /> <asp:RectangleHotSpot Bottom="100" Left="100" Right="200" PostBackValue="2" /> <asp:RectangleHotSpot Bottom="200" Right="100" PostBackValue="3" /> <asp:RectangleHotSpot Bottom="200" Left="200" Right="100" PostBackValue="4" /> </asp:ImageMap> <asp:Label ID="Label1" runat="server" /> [/TD] [TD="class: header"] کد [/TD] [/TR] [TR] [TD="class: body, align: center"] [/TD] [TD="class: header"] خروجی [/TD] [/TR] [/TABLE] همچنین کد برنامه در فایل کد صفحه aps.net برای رویداد کلیک کنترل 6 به صورت زیر است : [TABLE="class: ex"] [TR] [TD="class: prname"] کد برنامه [/TD] [TD="class: prdes, align: left"] protected void ImageMap1_Click(object sender, ImageMapEventArgs e) { switch (e.PostBackValue) { case "1": lblMassage.Text = "را انتخاب کردید Table شما تگ"; break; case "2": lblMassage.Text = "را انتخاب کردید Body شما تگ"; break; case "3": lblMassage.Text = "را انتخاب کردید Link شما تگ"; break; case "4": lblMassage.Text = "را انتخاب کردید P شما تگ"; break; } } [/TD] [/TR] [/TABLE]
پاسخ : آموزش ASP.NET [h=2]آموزش ASP.Net - کنترل HyperLink ایجاد لینک بین صفحات[/h] مقدمه و معرفی کنترل HyperLink : از کنترل HyperLink برای ایجاد لینک به یک صفحه ، فایل و یا وبسایت دیگر استفاده می شود . این کنترل کار تگ < a > در HTML را انجام داده و در هنگام اجرای صفحات ASP.Net توسط سرور ، خروجی آن در سورس کد صفحه به صورت تگ < a > خواهد بود . این کنترل می تواند لینک را به صورت متن یا یک تصویر نمایش دهد . برای نمایش لینک به صورت متن ، باید متن مورد نظر خود برای عنوان لینک را در خاصیت Text کنترل تعیین نمایید . همچنین اگر می خواهید لینک به صورت تصویر باشد ، بایستی آدرس عکس مورد نظر را در خاصیت ImageUrl کنترل تعریف نمایید . شکل کلی تعریف و نمایش دکمه فرمان HyperLink در صفحه های ASP.Net به صورت زیر است : [TABLE="class: ex"] [TR] [TD="class: prname"] Syntax [/TD] [TD="class: prdes, align: left"] < asp:HyperLink ID="عنصر id" runat="server" Text="عنوان لینک" NavigateUrl="آدرس صفحه یا فایل مقصد" /> مثال : < asp:HyperLink ID="HyperLink1" runat="server" Text="صفحه نخست" NavigateUrl="http://www.Developer1.ir/default.aspx" /> خروجی : صفحه نخست [/TD] [/TR] [/TABLE] کنترل HyperLink را به صورت زیر هم می توان تعریف کرد : [TABLE="class: ex"] [TR] [TD="class: prname"] Syntax [/TD] [TD="class: prdes, align: left"] < asp:HyperLink ID="عنصر id" runat="server" Text="عنوان لینک" NavigateUrl="آدرس صفحه یا فایل مقصد" > < / asp:HyperLink > مثال : < asp:HyperLink ID="HyperLink2" runat="server" Text="صفحه نخست" NavigateUrl="http://www.Developer1.ir/default.aspx" > < / asp:HyperLink > [/TD] [/TR] [/TABLE] [HR][/HR] مزایا و دلایل استفاده از کنترل HyperLink به جای تگ < a > در صفحات ASP.Net : گفتیم که تگ < a > در HTML و کنترل HyperLink در ASP.Net دقیقا یک کار را انجام می دهند و شما می توانید از تگ < a > برای ایجاد لینک در صفحات ASP.Net خود استفاده نمایید . اما در چه جاهایی لازم است تا از کنترل HyperLink برای ایجاد لینک استفاده نماییم : در زمانی که می خواهید برای لینک خودتان کد طراحی نمایید . تگ < a > ، قابل برنامه ریزی و کدنویسی نبوده و حالت ایستایی دارد . اما می توانید برای کنترل HyperLink یک کد طراحی کرده و متن یا Url آن را به صورت دینامیک و یا بر اساس انتخاب کاربر تعیین نمایید . زمانی که می خواهید کنترل HyperLink را به یک پایگاه داده متصل نمایید . کنترل HyperLink را می توانید به انواع کنترل های سرور داده و پایگاه های داده متصل کنید ، تا متن و آدرس مقصد خود را به صورت دینامیک از یک منبع اطلاعاتی دریافت نماید . [HR][/HR] مثال های عملی : در مثال های عملی زیر قصد داریم تا روش استفاده از کنترل HyperLink را در عمل به شما نمایش دهیم . در مثال دوم نیز روش برنامه نویسی و طراحی یک کد ساده برای دینامیک کردن کنترل را بررسی نموده ایم : مثال 1 : در این مثال ، یک کنترل ساده HyperLink را طراحی کرده ایم ، که به یک صفحه لینک داده است : [TABLE="class: ex"] [TR] [TD="class: header, colspan: 2"] Example [/TD] [/TR] [TR] [TD="class: body"] < asp:HyperLink ID="HyperLink2" runat="server" Text = " صفحه نخست " NavigateUrl = "http://www.Developer1.ir/default.aspx" /> [/TD] [TD="class: header"] کد [/TD] [/TR] [TR] [TD="class: body, align: center"] صفحه نخست [/TD] [TD="class: header"] خروجی [/TD] [/TR] [/TABLE] مثال 2 : استفاده از عکس به عنوان لینک در کنترل HyperLink : در این مثال یک عکس را به عنوان لینک در کنترل HyperLink قرار داده ایم . برای این منظور ، آدرس عکس مورد نظر را در خاصیت ImageUrl کنترل تعریف کرده ایم : [TABLE="class: ex"] [TR] [TD="class: header, colspan: 2"] Example [/TD] [/TR] [TR] [TD="class: body"] < asp:HyperLink ID="HyperLinkHome" runat="server" ImageUrl = " ~/Pic/web.png " NavigateUrl = "http://www.Developer1.ir/default.aspx" /> [/TD] [TD="class: header"] کد [/TD] [/TR] [TR] [TD="class: body, align: center"] [/TD] [TD="class: header"] خروجی [/TD] [/TR] [/TABLE] مثال 3 : در مثال زیر یک کد اکتیو برای لینک خود طراحی کرده ایم . عملکرد این کد به این صورت است که در یک کادر کرکره ایی چند عنوان آموزشی قرار دارد . شما اگر هر یک از این عنوان را انتخاب نمایید ،کنترل HyperLink به صورت خودکار یک لینک تولید می کند ، که عنوان آن متناسب با گزینه انتخابی بوده و در صورت کلیک بر روی لینک شما را به صفحه مرتبط با آن ارسال می کند . برای مشاهده عملکرد کد مثال ، گزینه مورد نظرتان را از کادر کرکرده ایی ، انتخاب نمایید :: [TABLE="class: ex"] [TR] [TD="class: header, colspan: 2"] Example [/TD] [/TR] [TR] [TD="class: body"] < p class="matn" > چه مطلبی را می خواهید مطالعه نمایید : < /p > < aspropDownList runat="server" ID="Drp1" OnTextChanged="Drp1_SelectedIndexChanged" AutoPostBack="true" > < asp:ListItem Text="ASP.Net" Value="../AccessDataSource/OverView.aspx" > < /asp:ListItem > < asp:ListItem Text="HTML" Value="../../HTML/Main.aspx" > < /asp:ListItem > < asp:ListItem Text="CSS" Value="../../CSS/Introduce.aspx" > < /asp:ListItem > < asp:ListItem Text="SQL" Value="../../SQL/Introduce.aspx" > < /asp:ListItem > < /aspropDownList > < asp:HyperLink ID="HyperLink3" runat="server" Text="" Enabled="false" ID="H1" > < /asp:HyperLink > [/TD] [TD="class: header"] کد [/TD] [/TR] [TR] [TD="class: body, align: center"] چه مطلبی را می خواهید مطالعه نمایید : ASP.Net HTML CSS SQL [/TD] [TD="class: header"] خروجی [/TD] [/TR] [/TABLE] کد برنامه در فایل کد صفحه ASP.Net : کد زیر نیز در درون فایل کد صفحه ASP.Net مورد نظر برای تابع Drp1_SelectedIndexChanged قرار داده شده است . در هر بار تغییر آیتم در منوی کرکره ایی ، این تابع فراخوانی و اجرا می شود : [TABLE="class: ex"] [TR] [TD="class: prname"] کد برنامه [/TD] [TD="class: prdes, align: left"] protected void Drp1_SelectedIndexChanged(object sender, EventArgs e) { H1.Text = "مطالعه بخش : " + Drp1.SelectedItem.Text; H1.NavigateUrl = Drp1.SelectedItem.Value; H1.Enabled = true; } [/TD] [/TR] [/TABLE]
