کاربرد HTML Helper در Strongly Typed View – جلسه ۳۰

    public class CreateCostViewModel
    {
        public decimal Amount { get; set; }
        public DateTime Date { get; set; }
        public string Comment { get; set; }
        public string Category { get; set; }
        public List<SelectListItem> Categories { get; set; }   
    }

        public IActionResult CreateStronglyTypedView()
        {
        }

            List<SelectListItem> CatList = new List<SelectListItem>
               {
                   new SelectListItem{Text = "Grocery", Value = "Grocery", Selected=true },
                   new SelectListItem{Text = "Bill", Value = "Bill" },
                   new SelectListItem{Text = "Rent", Value = "Rent" },
                   new SelectListItem{Text = "Home Appliance", Value = "Home Appliance" },
               };

            CreateCostViewModel Model = new CreateCostViewModel
            {
                Amount=100,
                Comment="No Comment",
                Date = DateTime.Now,
                Categories = CatList
            };

        public IActionResult CreateStronglyTypedView()
        {
            List<SelectListItem> CatList = new List<SelectListItem>
               {
                   new SelectListItem{Text = "Grocery", Value = "Grocery", Selected=true },
                   new SelectListItem{Text = "Bill", Value = "Bill" },
                   new SelectListItem{Text = "Rent", Value = "Rent" },
                   new SelectListItem{Text = "Home Appliance", Value = "Home Appliance" },
               };
            CreateCostViewModel Model = new CreateCostViewModel
            {
                Amount=100,
                Comment="No Comment",
                Date = DateTime.Now,
                Categories = CatList
            };

            return View(Model);
        }

@model CreateCostViewModel

        <div>
            @Html.LabelFor(m=> m.Amount)
            @Html.TextBoxFor(m=> m.Amount)
        </div>
        <div>
            @Html.LabelFor(m=>m.Date)
            @Html.TextBoxFor(m=>m.Date)
        </div>
        <div>
            @Html.LabelFor(m => m.Category)
            @Html.DropDownListFor(m=>m.Categories,Model.Categories,"Select a Category")
        </div>
        <div>
            @Html.LabelFor(m=> m.Comment)
            @Html.TextAreaFor(m=>m.Comment)
        </div>

@model CreateCostViewModel

@{ 
    ViewBag.Title = "Create New Cost Record";
}

<div class="row">
    <div class="alert alert-primary col-lg-6 offset-lg-3 mt-5" role="alert">
        <h2>Create Cost Record</h2>
    </div>
    <form class="col-lg-6 offset-lg-3 border border-1">

        <div>
            @Html.LabelFor(m=> m.Amount, new { @class = "form-lable" })
            @Html.TextBoxFor(m=> m.Amount, new { @class = "form-control" })
        </div>
        <div>
            @Html.LabelFor(m=>m.Date, new { @class = "form-lable" })
            @Html.TextBoxFor(m=>m.Date, new { @class = "form-control"})
        </div>
        <div>
            @Html.LabelFor(m => m.Category, new { @class = "form-lable" })
            @Html.DropDownListFor(m=>m.Categories,Model.Categories,"Select a Category", new { @class = "form-control" })
        </div>
        <div>
            @Html.LabelFor(m=> m.Comment, new { @class = "form-lable" })
            @Html.TextAreaFor(m=>m.Comment, new { @class = "form-control" })
        </div>
        <div class="mt-2">
            <button type="submit" class="btn btn-primary btn-block mb-1">Create</button>
        </div>
    </form>
</div>