مقدمه
با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره کامل آموزش ASP.NET MVC ، را دنبال می کنند. کنترل textbox در HtmlHelper بیشتر برای دریافت ورودی از کاربر از طریق فرم ها مناسب تر است. اما برای درج توضیحات و یا نظرات کاربران و … بهتر از کنترل TextArea استفاده کنیم. که ما در این آموزشی چگونگی ایجاد TextArea با HtmlHelper در ASP.NET MVC را بطور کامل مورد بررسی قرار می دهیم.
ایجاد TextArea با HtmlHelper در ASP.NET MVC
در این مبحث ما چگونگی ایجاد کنترل TextArea با HtmlHelper در ASP.NET MVC با نمای razor را آموزش خواهیم داد.
کلاس HtmlHelper از دو متد برای تولید تگ <textarea> در نمای razor استفاده می کند:
در حال پیش فرض textarea با سطر (rows) و ستون (cols) با ساختار ۲۰ * ۲۰ ایجاد می شود.
ما از مدل Student با متدهای ()TextAreaو ()TextAreaFor استفاده می کنیم:
مثال :
| public class Student { public int StudentId { get; set; } [Display(Name="Name")] public string StudentName { get; set; } public string Description { get; set; } } |
()TextArea
متد Html.TextArea() عنصر <textarea rows="2" cols="20" > را با نام، مقدار و صفات مشخص ایجاد می کند.
ساختار:
مثال :
| MvcHtmlString Html.TextArea(string name, string value, object htmlAttributes) |
متد TextArea() یک متد تایپ متداول است، چراکه پارامتر نام یک رشته است.
پارامتر نام می تواند یک ویژگی نام از آبجکت مدل باشد.که این یک ویژگی مشخص را به TextArea متصل می کند.
بنابراین بصورت خودکار یک مقدار از ویژگی مدل در کنترل TextArea یا visa-versa نمایش داده می شود:
مثال :
| @model Student @Html.TextArea("Description", null, new { @class = "form-control" }) |
نتیجه ی کد فوق:
در مثال فوق، اولین پارامتر ویژگی “Description” از کلاس مدل Student است که ویژگی name و id را در textarea مشخص می کند.
پارامتر دوم یک مقدار برای نمایش در یک textarea است. که در مثال فوق این مقدار null بوده چراکه متد TextArea() بطور خودکار یک مقدار از ویژگی را در textarea قرار می دهد.
پارامتر سوم ویژگی کلاس را مشخص می کند.
پارامتر HtmlAttributes یک نوع آبجکت است. بنابراین می توانید نام ویژگی ها و آبجکت را با نماد @ تعریف کنید.
شما می توانید هر نامی را برای textarea تعریف کنید.
مثال:
مثال :
| @Html.TextArea("myTextArea", "This is value", new { @class = "form-control" }) |
نتیجه ی کد فوق:
TextAreaFor
متد TextAreaFor برای تایپ قوی بکار می رود. این متد تگ چند خطی <textarea> را تولید می کند.
TextAreaFor ویژگی آبجکت مدل مشخص شده را به عنصر textarea متصل می کند. بنابراین بطور خودکار یک مقدار از ویژگی مدل در یک textarea و visa-versa نمایش داده می شود.
ساختار:
مثال :
| MvcHtmlString TextAreaFor(<Expression<Func<TModel,TValue>> expression, object htmlAttributes) |
مثال – TextAreaFor در نمای Rozar :
مثال :
| @model Student @Html.TextAreaFor(m => m.Description, new { @class = "form-control" }) |
نتیجه ی کد فوق در html:
در کد فوق اولین پارامتر در متد ()TextAreaFor یک ساختار لامبدا است که ویژگی مدل را برای اتصال به عنصر textarea تعریف می کند.
ما ویژگی های توصیفی را در مثال فوق مشخص کرده ایم. بنابراین تگ <textarea> با id و name با نام Description ایجاد می شود.
مقدار textarea مقدار یک ویژگی Description را مشخص می کند.
کلام آخر
در مباحث فوق نیز شما را با چگونگی ایجاد TextArea با HtmlHelper در ASP.NET MVC با ذکر مثال هایی از کدهای مشابه، آشنا کردیم. مباحث بخش بعدی را به چگونگی ایجاد کنترل checkbox اختصاص خواهیم داد.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
