• 0

ماذا تعني HTML Helpers في MVC؟

أقوم بتعلم ASP.NET MVC ولكن لازلت بعض المفاهيم مبهمة لدي وخاصة مفهوم HTML helpers هل من شرح بسيط عنه وكيف يستخدم؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 1

تشبه HTML helpers في MVC العناصر (Controls) في  ASP.Net Wep Forms كالأزرار والقوائم المنسدلة ولكنها أكثر خفة ومرونة. على عكس عناصر Web Forms لا يحوي HTML helper على نموذج حدث event model ولا على حالة عرض view state.

تحوي MVC على الـ helpers القياسية للأنواع الأكثر شيوعًا من عناصر HTML مثل الوصلات links وعناصر النموذج HTML form مثل:

  • ()BeginForm
  • ()EndForm
  • ()TextArea
  • ()TextBox
  • ()CheckBox
  • ()RadioButton
  • ()ListBox
  • ()DropDownList
  • ()Hidden
  • ()Password

المثال التالي يوضح استخدام  ActionLink helper في MVC باستخدام Razor Syntax:

@Html.ActionLink("About this Website", "About")

استخدام ActionLink helper باستخدام ASP Syntax:

<%=Html.ActionLink("About this Website", "About")%>

يملك Html.ActionLink() عدّة خصائص منها:

.linkText    
.actionName    
.routeValues    
.controllerName    
.htmlAttributes    
.protocol    
.hostname    
.fragment

المثال أدناه يشرح استخدام معظم HTML helpers باستخدام ASP Syntax:

<%= Html.ValidationSummary("Create was unsuccessful. Please correct the errors and try again.") %>
<% using (Html.BeginForm()){%>
<p>
<label for="FirstName">First Name:</label>
<%= Html.TextBox("FirstName") %>
<%= Html.ValidationMessage("FirstName", "*") %>
</p>
<p>
<label for="LastName">Last Name:</label>
<%= Html.TextBox("LastName") %>
<%= Html.ValidationMessage("LastName", "*") %>
</p>
<p>
<label for="Password">Password:</label>
<%= Html.Password("Password") %>
<%= Html.ValidationMessage("Password", "*") %>
</p>
<p>
<label for="Password">Confirm Password:</label>
<%= Html.Password("ConfirmPassword") %>
<%= Html.ValidationMessage("ConfirmPassword", "*") %>
</p>
<p>
<label for="Profile">Profile:</label>
<%= Html.TextArea("Profile", new {cols=60, rows=10})%>
</p>
<p>
<%= Html.CheckBox("ReceiveNewsletter") %>
<label for="ReceiveNewsletter" style="display:inline">Receive Newsletter?</label>
</p>
<p>
<input type="submit" value="Register" />
</p>
<%}%>

 

تمّ تعديل بواسطة Lujain

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن