آموزش ایجاد password field در ASP.Net MVC Razor

آموزش ایجاد کادر رمز (password field) با HtmlHelper در ASP.Net MVC Razor :

در این درس به آموزش نحوه ایجاد یک کادر رمز password field توسط کلاس HtmlHelper در یک Razor View چهارچوب کاری ASP.Net MVC پرداخته ایم.
کلاس HtmlHelper دارای دو متد ویژه برای ایجاد یک کادر رمز password field با تگ <input type=”Password”> در Razor View است :

• متد ()Password
• متد ()PasswordFor

از کلاس Student Model زیر در کد های این درس استفاده خواهیم کرد :

public class Student
{
    public int StudentId { get; set; }
    public string StudentName { get; set; }
    public int Age { get; set; }
}

آموزش کار با متد password در ASP.Net MVC :

متد Html Password() یک کادر رمز Password field را با المنت <input type=”password”> همراه با نام name، مقدار value و خواص html مورد نظر، بر روی صفحه ایجاد می کند.
ساختار کلی استفاده از متد Password به صورت زیر است :

MvcHtmlString Html.Password(string name, object value, object htmlAttributes)

متد Password دارای overload (حالت های مختلف فراخوانی بر حسب نوع و تعداد پارامترها) های مختلفی است که برای دریافت لیست کامل آن ها، می توانید به سایت MSDN رجوع نمایید.
در کد مثال عملی زیر، یک کادر رمز را توسط متد Password() ایجاد کرده ایم :

@model Student
@Html.Password("OnlinePassword")

کد خروجی HTML :

                        
<input id="OnlinePassword"
       name="OnlinePassword"
       type="password"
       value="" />

در کد مثال فوق، پارامتر متد ()DropDownList تعیین کننده نام خاصیت مورد نظر مدل (model property) است که می خواهیم آیتم های آن را در کادر کشویی نمایش دهیم. پارامتر دوم تعیین کننده لیست مقادیر (values) هایی است که می خواهیم در کادر کشویی قرار بگیرند. برای دریافت لیست آیتم از تابع Enum استفاده کرده ایم که توانایی خواندن مقادیر یک متغیر Enum (متغیر چند مقداری) را داراست.
پارامتر سوم نیز تعیین کننده یک عنوان label است که به صورت پیش فرض، در آیتم اول کادر کشویی نمایش داده شده و توضیحاتی را راجع به سایر آیتم ها ارائه می دهد.
در آخر هم پارامتر چهارم، تعیین کننده خواص html مثل کلاس CSS و ... است که می خواهیم به کنترل DropDownList اعمال شوند.

آموزش کار با متد PasswordFor() در ASP.Net MVC :

متد PasswordFor() یک متد Strongly Typed (ملزم به رعایت نوع داده ای متغیر و پارامترها) است که توسط یک lambada expression یک المنت <input type=”password”> را برای خاصیت مورد نظر شی مدل، ایجاد می کند. متد PasswordFor() خاصیت object model مورد نظر را به تگ <input type=”password”> متصل می کند. بنابراین به صورت اتوماتیک مقدار خاصیت مدل را در کادر رمز قرار داده و یا مقدار کادر رمز را به خاصیت مدل ارسال می کند.
ساختار کلی استفاده از متد Password() به صورت زیر است :

MvcHtmlString Html.PasswordFor(Expression<func<dynamic,tproperty>> expression, object htmlAttributes)

در کد مثال عملی زیر، با استفاده از متد Password() یک کادر رمز را تولید کرده ایم :

@model Student
@Html.PasswordFor(m => m.Password)

خروجی کد HTML :

<input id="Password" name="Password" type="password" value="mypassword" />

در کد مثال فوق، پارامتر اول متد Password() یک lambada expression است که خاصیت مورد نظر در مدل را جهت اتصال به کادر رمز تولید می کند. در این مثال، خاصیت Password را از مدل Student تعیین کرده ایم که یک تگ کادر رمز با نام و id معادل Password ایجاد خواهد کرد. همچنین خاصیت value برابر با مقدار فیلد password که “mypassword” خواهد شد.