如何將相同的視圖模型用於不同的視圖（排除必需的屬性）？

Question

我有一個視圖模型，用於視圖AddAppointment。 它具有許多特性，其中2 需要 （我寫了必需的特性在它）。

現在，我想對另一個視圖使用相同的模型，但不包括必需的屬性，但它不起作用，即無效。

除了編寫另一個視圖模型外，還要做什么？

查看模型：

  public class AddBookingsViewModel
    {


        public string CustomerName { get; set; }


        public string ContactNo { get; set; }
        public string VehicleRegNo { get; set; }
        public short fk_VehicleMakeID { get; set; }
        public string VehicleModel { get; set; }

        [Required(ErrorMessage = "Select appointment time ")]
        public int fk_TimeSlotID { get; set; }

        public byte fk_BookingModeID { get; set; }
        public int EntryUserID { get; set; }
        public int ReturnBookingID { get; set; }    

        [Required(ErrorMessage="Fill in the appointment date")]
        [DataType(DataType.Date)]
        public DateTime? AppointmentDate { get; set; }

    }

查看：（使用它的地方）

@model ZahidCarWash.ViewModels.AddBookingsViewModel

@{
    ViewBag.Title = "Add Appointment";
    Layout = "~/Views/Shared/_Layout.cshtml";
}



<!--  page banner -->

<!--  end page banner  -->
@using (Html.BeginForm())
{
    <!--  appointments -->
    <div id="appointments" class="appointment-main-block appointment-two-main-block">
        <div class="container">
            <div class="row">
                <div class="section text-center">
                    <h3 class="section-heading text-center">Get an Appointment</h3>
                </div>

                <div class="col-md-8 col-sm-12">
                    <div class="appointment-block">

                        <h5 class="form-heading-title"><span class="form-heading-no">1.</span>Vehicle Information</h5>
                        <div class="row">
                            <div class="col-sm-4">
                                <div class="dropdown">

                                    @Html.DropDownListFor(Model => Model.fk_VehicleMakeID, new SelectList(ZahidCarWash.DAL.VehicleMakesRepository.getVehicleMakes(), "VehicleMakeID", "MakeTitle"),
          new { @class = "form-control" })

                                </div>
                            </div>
                            <div class="col-sm-4">
                                @Html.EditorFor(Model => Model.VehicleModel, new { htmlAttributes = new { @class = "form-control", placeholder = "Enter Vehicle Model" } })
                            </div>
                            <div class="col-sm-4">
                                @Html.EditorFor(Model => Model.VehicleRegNo, new { htmlAttributes = new { @class = "form-control", placeholder = "Enter Vehicle Reg No." } })
                            </div>
                        </div>

                        <h5 class="form-heading-title"><span class="form-heading-no">2.</span>Contact Details</h5>
                        <div class="row">
                            <div class="col-sm-4">
                                @Html.EditorFor(Model => Model.CustomerName, new { htmlAttributes = new { @class = "form-control", placeholder = "Customer Name" } })
                                @Html.ValidationMessageFor(Model => Model.CustomerName, "", new { @class = "ErrorMessages" })
                            </div>
                            <div class="col-sm-4">
                                @Html.EditorFor(Model => Model.ContactNo, new { htmlAttributes = new { @class = "form-control", placeholder = "Enter Contact Number." } })
                                @Html.ValidationMessageFor(Model => Model.ContactNo, "", new { @class = "ErrorMessages" })
                            </div>
                        </div>
                        <button type="submit" class="btn btn-default pull-right">Book Now</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
}

控制器：

  public JsonResult AddManualAppointment(AddBookingsViewModel AddBookingVM)
    {
        if (ModelState.IsValid)
        {
            AddBookingVM.fk_BookingModeID = 2;
            int ReturnRowsCount = BookingRep.InsertCustomerAppointments(AddBookingVM, out ReturnStatus, out ReturnMessage, out ReturnBookingID);

        }
        else
        {

        }

        return Json(new { ReturnMessageJSON = ReturnMessage, ReturnStatusJSON = ReturnStatus });
    }

數據通過ajax傳遞：

  <script type="text/javascript">



        //to add an appointment

        $('form').submit(function (e) {
            e.preventDefault();
            if (!$(this).valid()) {
                return;
            }

            var url = '@Url.Action("AddManualAppointment")';
            var data = $(this).serialize();

            $.post(url, data, function (response) {

                if (response.ReturnStatusJSON == true) {

                    swal("Booked !", response.ReturnMessageJSON, "success");


                    $("#VehicleRegNo").val("");
                    $("#VehicleModel").val("");

                    $("#CustomerName").val("");
                    $("#ContactNo").val("");


                }
                else {
                    swal("Sorry !", response.ReturnMessageJSON, "error");
                }
            });

        });

    </script>
    <!--End Custom Scripts-->
}

Answer 1

我猜快速和骯臟的方法是使用@ Html.Hiddenfor並從控制器內部使用新的datetime填充值

Answer 2

您可以使用繼承將視圖模型分為具有和不具有必需屬性的版本：

public class AddBookingsViewModel
{
    public string CustomerName { get; set; }
    public string ContactNo { get; set; }
    public string VehicleRegNo { get; set; }
    public short fk_VehicleMakeID { get; set; }
    public string VehicleModel { get; set; }
    public byte fk_BookingModeID { get; set; }
    public int EntryUserID { get; set; }
    public int ReturnBookingID { get; set; }    
}

public class AddBookingsViewModelWithAppointment : AddBookingsViewModel
{
    [Required(ErrorMessage = "Select appointment time ")]
    public int fk_TimeSlotID { get; set; }
    [Required(ErrorMessage="Fill in the appointment date")]
    [DataType(DataType.Date)]
    public DateTime? AppointmentDate { get; set; }
}

這使您可以根據情況使用適當的視圖模型，並通過多態性保持兼容性。

如果您需要基類中的可選屬性，則可以將屬性虛擬化並在派生類中應用該屬性：

public class AddBookingsViewModel
{
    public string CustomerName { get; set; }
    public string ContactNo { get; set; }
    public string VehicleRegNo { get; set; }
    public short fk_VehicleMakeID { get; set; }
    public string VehicleModel { get; set; }
    public byte fk_BookingModeID { get; set; }
    public int EntryUserID { get; set; }
    public int ReturnBookingID { get; set; }    
    public virtual int fk_TimeSlotID { get; set; }
    public virtual DateTime? AppointmentDate { get; set; }
}

public class AddBookingsViewModelWithAppointment : AddBookingsViewModel
{
    [Required(ErrorMessage = "Select appointment time ")]
    public override int fk_TimeSlotID {
        get => base.fk_TimeSlotID;
        set => base.fk_TimeSlotID = value;
    }
    [Required(ErrorMessage="Fill in the appointment date")]
    [DataType(DataType.Date)]
    public override DateTime? AppointmentDate {
        get => base.AppointmentDate;
        set => base.AppointmentDate = value;
    }
}

使用最適合您的業務案例的版本。