یادگیری سی شارپ از مفاهیم پایه تا پروژه محور: شی‌گرایی، کار با SQL و LINQ، ORMها (Entity Framework)، ساخت پروژه مدیریت رستوران با گزارشات حرفه‌ای و امکانات کامل!
مشاهده بیشتر
یادگیری MVC Core از مبانی تا پیشرفته: شی‌گرایی، Routing، Entity Framework، امنیت، تست یونیت، Razor، Ajax، و پروژه‌های کاربردی! یک دوره کامل برای تسلط بر توسعه وب با ASP.NET Core. به صورت حضوری و آنلاین!
مشاهده بیشترمشخصات مقاله
-
1887
-
0.0
-
6219
-
0
-
0
آموزش کار با HTML Helper در ASP.Net MVC
آموزش کار با کمک دهنده HTML Helper در ASP.Net MVC :
در این درس، به آموزش کار با کمک دهنده های HTML Helper در view های ASP.Net MVC و مفهوم کلی آن ها خواهیم پرداخت.
کلاس HtmlHelper با استفاده از شی کلاس مدل (Model Class Objects)، المنت های html را در یک Razor View تولید می کند. کلاس HtmlHelper شی Model object را جهت نمایش خواص مدل (Model Properties) در تگ های Html به المنت های Html متصل می کند. همچنین این کلاس در هنگام ارسال فرم های وب، مقادیر المنت های Html را به خواص مدل انتقال می دهد. بنابراین در هنگام طراحی View ها در Razor از کمک دهنده های Html Helper به جای نوشتن دستی تگ های html، استفاده کنید.
شکل زیر، نحوه استفاده از کلاس HtmlHelper Class در یک Razor View را نشان داده است :
همانطور که در تصویر فوق مشاهده می کنید، @Html یک شی کلاس HtmlHelper Class است. از علامت @ برای دسترسی به اشیای کد سمت سرور در ساختار دستوری Razor استفاده می شود. همچنین Html یک خاصیت از نوع HtmlHelper بوده که در کلاس پایه WebView Engine نمایه View Razor قرار دارد. همچنین ActionLink() و DosplayNameFor() متدهایی متعلق به کلاس HtmlHelper هستند.
همانطور که اشاره کردیم، کلاس HtmlHelper، المنت html در صفحه تولید می کند. برای مثال کد @Html.ActionLink(“Create New” , “Create”) یک تگ anchor با کد Create New را ایجاد می کند.
متدهای زیادی در کلاس HtmlHelper وجود دارد که کنترل های مختلف Html را تولید می کنند. برای دریافت لیست کامل، می توانید به سایت MSDN رجوع کنید. در جدول زیر، مهم ترین این متدها به همراه کنترل تولید شده توسط آن ها را نشان داده ایم :
model، کنترل HTML متناسب با آن را تولید می کند.
برای مثال، برای خاصیت String، کادر متن
TextBox و یا برای مقادیر int و double
فیلد از نوع عددی ایجاد می کند.
در این درس، به آموزش مهم ترین ساختارهای دستوری razor پرداختیم. برای دریافت اطلاعات بیشتر، می توانید به بخش آموزش Razor Syntax در سایت ASP.Net نیز رجوع نمایید.
فرق بین فراخوانی یک متد HtmlHelper و استفاده مستقیم از تگ های HTML این است که متد HtmlHelper جهت اتصال راحت به داده های View یا داده های Model طراحی شده است.
- متدهای مختلف HtmlHelper بر حسب خواص Model، المنت های متناظر HTML آن ها را تولید می کنند.
- توصیه می شود از متد “For” برای چک کردن نوع داده در هنگام کامپایل استفاده کنید. برای مثال TextBoxFor یا EditorFor.
در درس های بعدی به آموزش کار با متدهای مختلف HTMLHelper خواهیم پرداخت.