نحوه استفاده از Select tag helper در ASP.NET MVC 6
درین نوشته‌علمی کیفیت استعمال از select tag helper و کیفیت اتصال طراحی سایت آن با به کارگیری از مقادیر enum مانند دیگر منابع داده را علامت میدهیم که تک تک قابلیت و امکان های ارائه گردیده به وسیله select tag helper در MVC 6 را پوشش میدهد.
تگ های Helper در ASP.NET MVC 6 معرفی شدند و یکی‌از تگ های helper ، Select tag helper میباشد. Select tag helper برای ساخت و ساز dropdown list به کار گیری میشود و جایگزینی برای Html.DropDownList میباشد. درین پست خوا‌هیم مشاهده کرد که چه طور از select tag helper به کارگیری کنیم و به چه شکل select tag helper را با model data یا این که مقادیر enum الحاق کنیم. همینطور کیفیت به کارگیری از image tag helper در ASP.NET Core MVC 1.0 را پژوهش نمایید.
چه‌طور از select tag helper در ASP.NET MVC 6 به کار گیری کنیم؟
select tag helper از asp-for به کار گیری می نماید تا اسم خصوصیت سبک خاصی را از HTML رندرشده استحصال نماید به عنوان مثال:
بعد سبک شما می بایست یک خصوصیت تمجید گردیده ی “TimeZone” داشته باشد.
public class RegisterViewModel
{
[Display(Name = "TimeZone")]
public string TimeZone { get; set; }
}
البته این یک لیست خالی فارغ از هیچ آیتم ای خواهد بود چون ما هیچ مورد ای در لیست select پیدا نکردیم. یک سری منش برای افزودن آیتم به select tag helper وجود داراست.
مستقیما در Markup تمجید فرمائید
شما میتوانید آیتم های خویش را مستقیما در Markup تعریف و تمجید فرمایید.
(UTC-12:00)
و هنگامی که برگه مجدد نمایش داده میشود مورد های تعیین گردیده تحت عنوان “selected” معلوم می گردند .
با به کار گیری از یک منبع داده، تعریف و تمجید فرمائید
وقتی که شما میخواهید مورد های لیست select خویش را با هر جدول مقر داده ی دیگر یا این که هر لیست سمت سرور دیگری الحاق فرمایید این طرز رایج ترین طریق میباشد. دراین مورد از خصوصیت asp-items در تگ helper بایستی مصرف شود.
هم اکنون نیاز داریم که TimeZoneList را در ViewBag در اختیار بگذاریم. آغاز اذن دهید که یک لیست بسازیم و آیتم ها را به آن اضافه کنیم.
public List TimeZoneList { get; private set; }
public RegisterViewModel()
{
TimeZoneList = new List();
TimeZoneList.Add(new SelectListItem
{
Text = "Select",
Value = ""
});
foreach (TimeZoneInfo z in TimeZoneInfo.GetSystemTimeZones())
{
TimeZoneList.Add(new SelectListItem
{
Text = z.DisplayName,
Value = z.Id
});
}
}
و از controller خویش لیست را به ViewBag اضافه نمایید.
// GET: /Account/Register
[HttpGet]
[AllowAnonymous]
public IActionResult Register()
{
RegisterViewModel rs = new RegisterViewModel();
ViewBag.TimeZoneList = rs.TimeZoneList;
return View();
}
الحاق مقادیر enum
شما همینطور میتوانید مقادیر enum را به لیست select الحاق فرمائید.
برچسب ها: طراحی سایت ,
[ بازدید : 16 ]
[ چهارشنبه 11 آبان 1401 ] 13:14 ] [ محمد صادقی ]
[ ]