لیست کنترل های اصلی در ASP.NET به همراه جزییات آن ها

کنترل های اصلی

در این جلسه ، ما قصد داریم در مورد کنترل های اصلی موجود در ASP.NET صحبت کنیم.

کنترل های Button

ASP.NET سه نوع کنترل کلیدی (Button) فراهم می کند:

• Button : این کنترل متن را در داخل یک ناحیه مستطیلی شکل نشان می دهد.
• Link Button : این کنترل متن را به صورت یک متن hyperlink نمایش داده می شود.
• Image Button : این کنترل یک تصویر را نمایش می دهد.

هنگامی که کاربر روی یک کلید کلیک می کند ، دو رویداد رخ می دهند : Click و Command.

قاعده نوشتاری از کنترل button به این صورت است:

<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Click" / >

خصیصه های متداول از کنترل button مطابق جدول زیر می باشند:

Text Box ها و Label ها

کنترل های Text Box ، معمولاً برای پذیرش ورودی کاربر مورد استفاده قرار می گیرند. یک کنترل text box می تواند یک یا چند خط از متن را بر اساس تنظیمات صفت TextMode پذیرش کند.

کنترل های Label ، یک روش ساده برای نمایش متن فراهم می کنند که می توانند از اجرای یک صفحه به صفحه دیگری تغییر یابند. اگر بخواهیم متنی را نمایش دهیم که تغییر نمی کند ، می توانیم متن literal را استفاده نماییم.

قاعده نوشتاری (syntax) اصلی از کنترل متن به صورت زیر می باشد:

<asp:TextBox ID="txtstate" runat="server" ></asp:TextBox>

خصیصه های متداول TextBox و Labels به شرح جدول ذیل می باشد:

صفت پر کاربرد  برای یک کنترل برچسب ‘Text’ می باشد ، که بر متن نمایش داده شده در Label اشاره دارد.

Check Box و Radio Button

یک چک باکس (check box) یک گزینه واحد را نشان می دهد که کاربر می تواند انتخاب کند یا نکند و رادیو باتن (radio button) گروهی از گزینه ها را نشان می دهد که کاربر می تواند از بین آنها فقط یکی را انتخاب نماید.

برای ایجاد گروهی از رادیوباتن ها ، ما نام مشابهی را برای صفت GroupName برای هر رادیوباتن در گروه تعیین می کنیم. اگر بیش از یک گروه در یک فرم موردنیاز باشد ، باید نام گروه متفاوت را برای هر گروه تعیین کنیم.

اگر بخواهیم چک باکس یا رادیوباتن هنگامی که فرم در ابتدا نمایش داده می شود ، انتخاب شود ، خصیصه Checked را به true تنظیم می کنیم. اگر صفت Checked برای چندین رایوباتن در یک گروه به true تنظیم شود ، فقط آخرین مورد به عنوان true در نظر گرفته می شود.

قاعده نوشتاری اصلی برای چک باکس به صورت زیر می باشد:

<asp:CheckBox ID= "chkoption" runat= "Server"> 
</asp:CheckBox>

قاعده نوشتاری اصلی برای چک باکس به صورت زیر می باشد:

<asp:RadioButton ID= "rdboption" runat= "Server"> 
</asp: RadioButton>

خصیصه های متداول چک باکس و رادیوباتن به شرح جدول ذیل می باشد:

کنترل های لیستی (List Controls)

ASP.NET کنترل های زیر را فراهم می کند:

•  Drop-down list
• List box
• Radio button list
• Check box list
• Bulleted list

این کنترل ها به کاربر امکان انتخاب از بین یک یا چند آیتم از لیست را فراهم می کنند. List box ها و drop-down list ها حاوی یک یا چند آیتم لیستی می باشند. این لیست ها می توانند توسط کد یا ادیتور ListItemCollection لود شوند.

قاعده نوشتاری از کنترل list box به صورت زیر می باشد:

<asp:ListBox ID="ListBox1" runat="server" AutoPostBack="True"    OnSelectedIndexChanged="ListBox1_SelectedIndexChanged">
</asp:ListBox>

قاعده نوشتاری از کنترل drop-down list به صورت زیر می باشد:

<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True"   OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
</asp:DropDownList>

خصیصه های متداول list box و لیست های drop-down به شرح جدول ذیل می باشد:

خصیصه های متداول اشیاء آیتم لیست به شرح جدول ذیل است:

توجه به نکته های زیر مهم است:

• برای کار با آیتم ها در یک لیست drop-down یا list box ، ما از خصیصه Items کنترل استفاده می کنیم. این خصیصه یک شیء ListItemCollection را که حاوی تمام آیتم های لیست می باشد ، باز می گرداند.
• رویداد SelectedIndexChanged  ، هنگامی که کاربر یک آیتم متفاوت را از یک لیست drop-down یا list box انتخاب می نماید ، رخ می دهد.

ListItemCollection

شیء ListItemCollection یک مجموعه از اشیاء ListItem می باشد. هر شیء ListItem یک آیتم در لیست را نشان می دهد. آیتم ها در یک شیء ListItemCollection از صفر شماره گذاری می شوند.

هنگامی که آیتم در داخل یک list box با استفاده از رشته هایی مانند lstcolor.Items.Add("Blue")  لود می شوند ، هر دو خصیصه Text و Value از آیتم list به مقدار رشته ای که ما مشخص می کنیم ، تنظیم می شود. برای تنظیم آن به صورت متفاوت ، ما باید یک شیء list item ایجاد کنیم و سپس آن آیتم را به مجموعه اضافه نماییم.

ادیتور ListItemCollection ، برای افزودن آیتم به یک لیست drop-down یا List box مورد استفاده قرار می گیرد. این ادیتور برای ایجاد یک لیست استاتیک از آیتم ها مورد استفاده قرار می گیرد. برای نمایش ادیتور collection ، گزینه exit item از منو smart tag را انتخاب می کنیم ، یا کنترل را انتخاب کرده و سپس روی کلید ellipsis از خصیصه Item در پنجره properties کلیک می نماییم.

خصیصه های متداول از ListItemCollection به شرح جدول ذیل می باشند:

متدهای متداول از ListItemCollection به شرح جدول ذیل می باشند:

لیست Radio Button و لیست Check Box

یک لیست رادیو باتن ، لیستی از گزینه های متقابل منحصربفرد را ارائه می دهد. یک لیست check box ، لیستی از گزینه های مستقل را ارائه می دهد. این کنترل ها ، حاوی مجموعه ای از اشیاء ListItem می باشند که می توانند از طریق خصیصه Items از کنترل مورد ارجاع قرار گیرند.

قاعده نوشتاری از لیست radio button به صورت زیر است:

<asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="True" 
   OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged">
</asp:RadioButtonList>

قاعده نوشتاری اصلی از لیست check box به صورت زیر است:

<asp:CheckBoxList ID="CheckBoxList1" runat="server" AutoPostBack="True" 
   OnSelectedIndexChanged="CheckBoxList1_SelectedIndexChanged">
</asp:CheckBoxList>

خصیصه های متداول لیست های check box و radio button به شرح حدول زیر است:

لیست های Bulleted و لیست های Numbered

کنترل لیست  Bulleted ، لیست های گلوله ای (bulleted) یا لیست های شماره دار (numbered) را ایجاد می کند. این کنترل ها ، حاوی مجموعه ای از اشیاء ListItem می باشند که می توانند از طریق خصیصه Items از کنترل مورد ارجاع قرار گیرند.

قاعده نوشتاری اصلی ای لیست bulleted به صورت زیر است:

<asp:BulletedList ID="BulletedList1" runat="server">
</asp:BulletedList>

خصیصه های متداول لیست bulleted به شرح جدول ذیل می باشد:

کنترل HyperLink

کنترل HyperLink مانند عنصر <a> از HTML می باشد.

قاعده نوشتاری برای کنترل HyperLink به صورت زیر است:

<asp:HyperLink ID="HyperLink1" runat="server">
   HyperLink
</asp:HyperLink>

در جدول زیر خصیصه های مهم این کنترل آورده شده است:

کنترل Image

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

قاعده نوشتاری اصلی از کنترل Image به صورت زیر می باشد:

<asp:Image ID="Image1" runat="server">

این کنترل ، خصیصه های مهم زیر را دارد: