如何将相同的视图模型用于不同的视图（排除必需的属性）？

Question

I have a view model for a view AddAppointment. It has many properties of which 2 are Required (I wrote Required attribute over it).

Now I want to use the same model for another view but excluding the properties which are required but it doesn't work ie it's invalid.

What to do apart from writing another view model?

View Model:

  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; }

    }

View: (Where it is used)

@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>
}

Controller:

  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 });
    }

Data is passed through 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

You can split your view model into a version with and without the required attributes using inheritance:

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; }
}

This allows you to use the appropriate view model in your situation and still maintain compatibilty through polymorphism.

If you need the optional properties in your base class, you can make your properties virtual and apply the attribute in the derived class:

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;
    }
}

Use the veriant that works best in your business case.