مقدمه
با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره کامل آموزش ASP.NET MVC ، را دنبال می کنند. در این بخش و چند بخش آتی به آموزش چگونگی تعریف چند عنصر مهم html با استفاده از HtmlHelper در ساختار razor خواهیم پرداخت. در این بخش با آموزش چگونگی ایجاد textbox با HtmlHelper در ASP.NET MVC شروع می کنیم. کلاس HtmlHelper شامل دو متد افزودنی است.که یک عنصر textbox را (<input type="text">) در razor ایجاد می کند. برای آشنایی بیشتر با این مباحث در ادامه ی آموزش با ما همراه باشید.
ایجاد textbox با HtmlHelper در ASP.NET MVC
متدهای ()TextBox و ()TextBoxFor برای ایجاد textbox با HtmlHelper در ASP.NET MVC بکار می روند.
متد ()TextBox یک متد تایپ متداول است در حالیکه متد ()TextBoxFor یک متد تایپ قوی است.
در ماثل زیر ما از مدل Student با متدهای ()TextBox و ()TextBoxFor استفاده می کنیم:
مثال :
| public class Student { public int StudentId { get; set; } [Display(Name="Name")] public string StudentName { get; set; } public int Age { get; set; } public bool isNewlyEnrolled { get; set; } public string Password { get; set; } } |
متد ()TextBox
متد ()Html.TextBox عنصر <input type="text" > را با نام ، مقدار و ویژگی های مشخص ایجاد می کند:
مثال :
| MvcHtmlString Html.TextBox(string name, string value, object htmlAttributes) |
متد ()TextBox برای تایپ متداول استفاده می شود چراکه پارامتر نام آن یک رشته است.
پارامتر نام می تواند یک ویژگی نام از آبجکت مدل باشد. که ویژگی های مشخصی را به textbox متصل می کند.
بنابراین بصورت خودکار مقدار یک ویژگی مدل در یک textbox و visa-versa نمایش داده می شود:
مثال :
| @model Student @Html.TextBox("StudentName", null, new { @class = "form-control" }) |
نتیجه ی کد فوق:
در مثال فوق، اولین پارامتر “StudentName” از مدل Student است. که آن کلاس به عنوان یک نام یا id از textbox تنظیم می شود.
پارامتر دوم یک مقدار برای نمایش یک textbox است. این مقدار در مثال فوق null خواهد بود. زیرا متد ()TextBox بصورت خودکار یک مقدار از ویژگی StudentName در textbox نمایش می دهد.
پارامتر سوم به عنوان یک پارامتر صفت کلاس تنظیم می شود.
پارامتر HtmlAttributes یک نوع آبجکت است. بنابراین می توان نام و نام ویژگی ها را با نماد @ تعریف کرد.
شما می توانید هر نامی را برای textbox تعیین کنید، با این وجود به یک مدل متصل نمی شود.
مثال – Html.TextBox() در نمای rozar:
مثال :
| @Html.TextBox("myTextBox", "This is value", new { @class = "form-control" }) |
TextBoxFor
متد TextBoxFor helper یک روش گسترش قوی تایپ شده است. این یک عنصر ورودی متن برای مدل ایجاد شده با استفاده از یک عبارت lambda تولید می کند.
متد TextBoxFor یک خاصیت object type model را برای ورود متن متصل می کند. بنابراین مقدار مدل در TextBox نمایش داده می شود.
ساختار:
مثال :
| MvcHtmlString TextBoxFor(Expression<Func<TModel,TValue>> expression, object htmlAttributes) |
مثال- TextBoxFor() در نمای Rozar:
مثال :
| @model Student @Html.TextBoxFor(m => m.StudentName, new { @class = "form-control" }) |
در مثال فوق، اولین پارامتر در متد () TextBoxForیک ساختار لامبدا است. که ویژگی StudentName را برای اتصال به یک textbox مشخص می کند. در تبدیل های عنصر ورودی متن با id و name ویژگی name را مشخص می کند.
ویژگی value مقدار ویژگی StudentName را مشخص می کند. که در مثال فوق این مقدار “John” مشخص شده است.
تفاوت های TextBox و TextBoxFor
@Html.TextBox() یک متد تایپ متداول است در حالیکه @Html.TextBoxFor() یک متد تایپ قدرتمند است.TextBox() احتایج به ویژگی name به عنوان یک پارامتر رشته دارد اما TextBoxFor() به افزودنه لامبدا به عنوان پارامتر احتیاج دارد.- TextBox خطای زمانی را کامپایل نمی کند.
- TextBoxFor متد عمومی است، در صورتی که نام مالکیت نامعتبر یا تغییر نام مالکیت را مشخص کرده اید، خطای زمانی کامپایل می شود.
کلام آخر
در مباحث فوق مراحل چگونگی ایجاد textbox با HtmlHelper در ASP.NET MVC را به همراه توضیحات آن بررسی کردیم. در بخش بعدی به آموزش چگونگی ایجاد TextArea با استفاده از HtmlHelper می پردازیم.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
