آموزش پیشرفته ASP.Net Web Forms RadioButton و CheckBox های Html
555 بار بازدید -
3 سال پیش
-
به نام خدا با آموزش
به نام خدا با آموزش های ASP.Net Web Forms در خدمت شما عزیزان هستیم.در این قسمت از آموزش در مورد RadioButton یا دکمه های رادیویی که از سمت html هستند و با تگ input شروع میشوند صحبت خواهیم کرد.برای شروع کار در محیط ویژوال استودیو visual studio یک پروژه جدید از نوع ASP.Net Web Application ایجاد میکنیم.از قسمت سولوشن برنامه ، روی نام پروژه راست کلیک میکنیم و روی Add کلیک میکنیم و بعد یک Web Form جدید به پروژه اضافه میکنیم. وارد محیط Source پروژه میشیم و یک تگ input ایجاد میکنیم Type اون رو radio قرار میدیم .الان یک رادیو باتن از نوع Html ایجاد کردیم که دقیقا مشابه رادیو باتن asp هست اما سریعتر و سبک تر.حالا برای اینکه به رادیو باتن مون کپشن بدیم ، بالای تگ input کپشن "مرد" رو میدیم ، پایین تگ input هم یک تگ br میزنیم و یک تگ input دیگه از نوع radio ایجاد میکنیم و کپشن ش رو "زن" در نظر میگیریم. روی صفحه راست کلیک میکنیم و view in browser رو میزنیم تا خروجی کار رو ببینیم.دوباره مثل قبل در خروجی کار دوتا رادیو باتن RadioButton وجود داره ، "مرد" و "زن" .اما مشکل اینجاست وقتی روی هر دو RadioButton کلیک میکنیم ، هر دو انتخاب میشوند در حالی که فقط باید یکی از RadioButton ها انتخاب شود. اگر یادتان باشد در رادیوباتن های asp .برای حل این مشکل ، در محیط Source پروژه وارد تگ RadioButton "مرد" و "زن" میشدیم و مشخصه یا ویژگی GroupName رو بهشون اضافه میکردیم و مقدارش رو GroupName = Sex در نظر میگرفتیم ، اما در رادیوباتن html ما مشخصه ای به نام GroupName نداریم ، در عوض مشخصه ای بنام name داریم.بنابراین به هر دوتا رادیوباتن "مرد" و "زن" مشخصه name = gender رو میدیم تا در یک گروه قرار بگیرند (البته بجای gender میتونستیم هر چیز دیگه ای هم به دلخواه بنویسیم ، مهم گروه بندی و نام اون گروه هست که در هر دو رادیوباتن باید یکی باشه).حالا از منوی ToolBox یک کنترل Button از نوع asp به فرم اضافه میکنیم.توجه داشته باشید که کنترل Button حتما از نوع asp باشد نه html ، چون اگر از نوع html استفاده کنیم باید از کدهای جاوااسکریپت استفاده کنیم. وارد محیط دیزاین Design پروژه میشیم و روی Button دابل کلیک میکنیم تا ایونت کلیک ش باز شه. قبل از اینکه داخل ایونت کلیک Button کدهای مربوطه را بزنیم باید بریم و به تگ های رادیوباتن مون id و runat = server اضافه میکنیم تا سمت سرور شناسایی شن. حالا مجددا وارد ایونت کلیک Button میشیم و یک شرط میگذاریم که اگر رادیوباتن R1 (مرد) تیک خورده بود و انتخاب شده بود بیاد با استفاده از دستور Response.write کلمه "مرد" رو روی صفحه چاپ کنه در غیر این صورت کلمه "زن" رو چاپ کنه. رادیوباتن های html نیز همانند رادیو باتن های asp ، ویژگی بنام Checked دارند که وقتی این ویژگی رو در تگ CheckBox برابر با Checked = True قرار دهیم ، هنگام اجرا ، آن رادیوباتن همیشه بصورت پیشفرض انتخاب شده است.فقط توجه داشته باشید ما در html ویژگی Checked = Checked در نظر میگیریم اما اینجا چون ما بهش runat = server دادیم بنابراین سمت سرور اجرا میشود و وقتی سمت سرور اجرا شود دیگر Checked = Checked را نمیشناسد در نتیجه برای اینکه یکی از رادیوباتن ها به دلخواه انتخاب شده باشند ، دیگه نباید Checked = Checked قرار دهیم بلکه حتما باید Checked = True قرار دهیم.دقیقا همین مواردی که تا اینجا گفتیم رو برای CheckBox نیز داریم یعنی ما CheckBox داریم که از سمت html هستند و با تگ input شروع میشوند که نسبت به CheckBox های asp ، سبک تر و سریع تر هستند.به همین پروژه قبلی مون یک Web Form جدید به پروژه اضافه میکنیم.وارد محیط Source پروژه میشیم و یک تگ input ایجاد میکنیم Type اون رو checkbox قرار میدیم. بالای تگ input کپشن "آیتم1" رو میدیم.
3 سال پیش
در تاریخ 1400/04/27 منتشر شده
است.
555
بـار بازدید شده