با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره کامل آموزش ASP.NET MVC ، را دنبال می کنند. تاکنون مباحث چگونگی ایجاد و نمایش نمایش رشته با HtmlHelper و اهمیت رشته ها را بررسی کردیم. یکی از عناصری که در محتوای رشته کاربرد دارد عنصر <label>
است که برای تولید برچسب در محتوای صفحات وب استفاده می شود و کاربردهای بسیاری دارد. از این رو در ادامه ی مباحث HtmlHelper در این بخش قصد داریم به آموزش چگونگی ایجاد Label با HtmlHelper در ASP.NET MVC بپردازیم.
در این آموزش شما یاد خواهید گرفت که چه طور یک عنصر <label>
را با استفاده از HtmlHelper در نمای razor تولید کنید.
کلاس HtmlHelper شامل دو متد برای تولید label در html در است:
ما در کلاس مدل Student از متدهای ()Label و ()LabelFor استفاده خواهیم کرد.
کلاس مدل Student :
1 2 3 4 5 6 7 | public class Student { public int StudentId { get; set; } [Display(Name="Name")] public string StudentName { get; set; } public int Age { get; set; } } |
متد () Html.Label یک عنصر <label> را برای یک ویژگی آبجکت مدل تولید می کند.
ساختار متد () Html.Label :
1 | MvcHtmlString Label(string expression, string labelText, object htmlAttributes) |
مثال – () Html.Label در نمای Razor :
1 | @Html.Label("StudentName") |
خروجی در html :
در مثال فوق ، ما ویژگی StudentName را به عنوان یک رشته مشخص کرده ایم. بنابراین یک عنصر <label> تولید خواهد شد که Name را نمایش می دهد.
شما می توانید متن عنصر label را به جای نام یک ویژگی نمایش دهید:
1 | @Html.Label("StudentName","Student-Name") |
خروجی در html :
متد LabelFor یک متد تایپ قوی است که یک برچسب label را برای ویژگی مدل آبجکت با استفاده از ساختار لامبدا تولید می کند.
ساختار متد LabelFor :
1 | MvcHtmlString LabelFor(<Expression<Func<TModel,TValue>> expression) |
مثال- متد LabelFor در نمای Razor :
1 2 3 | @model Student @Html.LabelFor(m => m.StudentName) |
خروجی در html :
در مثال فوق ما یک ویژگی StudentName از مدل Student با استفاده از ساختار لامبدا در متد ()LabelFor داریم. بنابراین یک عنصر <label> با تولید و متن label برای ویژگی StudentName تنظیم می شود.
در آموزش فوق مباحث چگونگی ایجاد عنصر Label با HtmlHelper در ASP.NET MVC را بطور کامل بررسی کردیم. همانطور که مشاهده کردید تولید عنصر Label همانند تولید متن با HtmlHelper بسیار ساده و آسان است.در بخش بعدی چگونگی تولید عناصر ورودی با HtmlHelper را بررسی می کنیم.