دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۵
  • شهریور

جلسه ۲۳ : ایجاد Label با HtmlHelper در ASP.NET MVC

  • دسته‌بندی‌ها :
جلسه ۲۳ : ایجاد Label با HtmlHelper در ASP.NET MVC
    • جزئیات
    • نوع محتواآموزش تصویری

      مقدمه

      با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره کامل آموزش ASP.NET MVC ، را دنبال می کنند. تاکنون مباحث چگونگی ایجاد و نمایش نمایش رشته با HtmlHelper و اهمیت رشته ها را بررسی کردیم. یکی از عناصری که در محتوای رشته کاربرد دارد عنصر <label> است که برای تولید برچسب در محتوای صفحات وب استفاده می شود و کاربردهای بسیاری دارد. از این رو در ادامه ی مباحث HtmlHelper  در این بخش قصد داریم به آموزش  چگونگی ایجاد Label با HtmlHelper در ASP.NET MVC بپردازیم.

      ایجاد Label با HtmlHelper در ASP.NET MVC

      در این آموزش شما یاد خواهید گرفت که چه طور یک عنصر <label> را با استفاده از HtmlHelper در نمای razor تولید کنید.

      کلاس HtmlHelper شامل دو متد برای تولید label در html در است:

      • ()Label
      • ()LabelFor

      ما در کلاس مدل Student از متدهای ()Label و ()LabelFor استفاده خواهیم کرد.

      کلاس مدل Student :

      مثال : 

      ()Label

      متد () Html.Label یک عنصر <label> را برای یک ویژگی آبجکت مدل تولید می کند.

      ساختار متد () Html.Label :

      مثال : 

      مثال – () Html.Label در نمای Razor :

      مثال : 

      خروجی در html :

      خروجی در html

      در مثال فوق ، ما ویژگی StudentName را به عنوان یک رشته مشخص کرده ایم. بنابراین یک عنصر <label> تولید خواهد شد که Name را نمایش می دهد.

      شما می توانید متن عنصر label را به جای نام یک ویژگی نمایش دهید:

      مثال : 

      خروجی در html :

      خروجی در html

      متد LabelFor

      متد LabelFor یک متد تایپ قوی است که یک برچسب label را برای ویژگی مدل آبجکت با استفاده از ساختار لامبدا تولید می کند.

      ساختار متد LabelFor :

      مثال : 

      مثال- متد LabelFor در نمای Razor :

      مثال : 

      خروجی در html :

      خروجی در html 2

      در مثال فوق ما یک ویژگی StudentName از مدل Student با استفاده از ساختار لامبدا در متد ()LabelFor داریم. بنابراین یک عنصر <label> با تولید و متن label برای ویژگی StudentName تنظیم می شود.

      کلام آخر

      در آموزش فوق مباحث چگونگی ایجاد عنصر Label با HtmlHelper در ASP.NET MVC را بطور کامل بررسی کردیم. همانطور که مشاهده کردید تولید عنصر Label همانند تولید متن با HtmlHelper بسیار ساده و آسان است.در بخش بعدی چگونگی تولید عناصر ورودی با HtmlHelper را بررسی می کنیم.

      QR:  جلسه ۲۳ : ایجاد Label با HtmlHelper در ASP.NET MVC
      به اشتراک بگذارید