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



  • ۴
  • شهریور

جلسه ۱۵ : Html helper در ASP.NET MVC

  • دسته‌بندی‌ها :
جلسه ۱۵ : Html helper در ASP.NET MVC
    • جزئیات
    • نوع محتواآموزش تصویری

      مقدمه

      با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره کامل آموزش ASP.NET MVC ، را دنبال می کنند. کلاس HtmlHelper عناصر را با استفاده از شیء کلاس مدل در نمای razor تولید می کند. این شیء مدل را به عناصر HTML متصل می کند تا ارزش ویژگی های مدل را در عناصر HTML نشان دهد. همچنین ارزش عناصر HTML را به ویژگی های مدل در هنگام ارسال فرم وب اختصاص می دهد. بنابراین بهتر است که به جای نوشتن تگ های HTML به صورت دستی، از کلاس HtmlHelper در ASP.NET MVC استفاده کنید.

      Html helper در ASP.NET MVC

      در این آموزش ما به شما چگونگی استفاده از Html helpers را آموزش خواهیم داد. سپس چگونگی استفاده از آن در نمای razor را نیز بررسی می کنیم.

      شکل زیر چگونگی استفاده از Html helpers را در نمای razor نمایش می دهد:

      کلاس HtmlHelper

      در شکل فوق @Html یک آبجکت در کلاس HtmlHelper است. (از کاراکتر @ برای دسترسی به آبجکت سمت سرور در ساختار razor استفاده می شود.)

      Html یکی ویژگی از نوع HtmlHelper است که شامل کلاس پایه ی razor در نمای WebViewPage می شود.

      متدهای ActionLink() و DisplayNameFor() شامل کلاس HtmlHelper می شوند.

      کلاس HtmlHelper عناصر html را تولید می کند. به عنوان مثال کد @Html.ActionLink("Create New", "Create")  تگ <a href="/Student/Create">Create New</a> را تولید خواهد کرد.

      جدول زیر لیست متدهای HtmlHelper و عناصر html که توسط هر یک تولید می شود، را نشان می دهد:

      HtmlHelperStrogly Typed HtmlHelpersHtml Control
      Html.ActionLinkAnchor link
      Html.TextBoxHtml.TextBoxForTextbox
      Html.TextAreaHtml.TextAreaForTextArea
      Html.CheckBoxHtml.CheckBoxForCheckbox
      Html.RadioButtonHtml.RadioButtonForRadio button
      Html.DropDownListHtml.DropDownListForDropdown, combobox
      Html.ListBoxHtml.ListBoxFormulti-select list box
      Html.HiddenHtml.HiddenForHidden field
      PasswordHtml.PasswordForPassword textbox
      Html.DisplayHtml.DisplayForHtml text
      Html.LabelHtml.LabelForLabel
      Html.EditorHtml.EditorForGenerates Html controls based on data type of specified model property e.g. textbox for string property, numeric field for int, double or other numeric type

      تفاوت بین فراخوانی متد های HtmlHelper و استفاده از برچسب های HTML این است که روش HtmlHelper برای ایجاد اتصال آسان به داده ها یا داده های مدل طراحی شده است.

      کلام آخر

      با استفاده از متدهای Html helper در ASP.NET MVC شما به سادگی می توانید انواع عناصر مهم و اصلی را در نمای html ایجاد کنید. در بخش های بعدی شما را با چند نمونه از متدهای Html helper در ASP.NET MVC آشنا خواهیم کرد.

      QR: جلسه ۱۵ : Html helper در ASP.NET MVC
      به اشتراک بگذارید
      , , , , ,


      دیدگاه کاربران

      لیست مطالب دوره

      مطالب ویژه