Question

我有2个类模型，一个模型称为WorkCategory，第二个模型称为ServiceCategory。根据从下拉列表（WorkCategory）中选择的每个类别，它将基于外键使用第二类（ServiceCategory）中的数据填充第二个下拉列表。

第一个下拉列表是从没有javascript的数据库中填充的，在第二个下拉列表中，我根据第一个下拉列表中的change方法使用javascript填充了值。

这是我的模型视图，具有要捕获的属性。

 public class PostJobViewModel
{

    [Required]
    public WorkCategory Category { get; set; }
    [Required]
    public string Headline { get; set; }
    [Required]
    public string JobAddress { get; set; }

    [Required]
    public string AboutJob { get; set; }
    [Required]
    public string JobCity { get; set; }
    [Required]
    public string JobPostCode { get; set; }

    public ServiceCategory JobService { get; set; }
}

这是第一个从DB填充良好的下拉列表，当我发布表单时，该表单具有所选选项的ID。

 @Html.DropDownListFor(m => m.Category.CategoryName, ViewBag.whatWorkToBeDone as SelectList, "-- Select Category --", new { @class = "form-control", @onchange="FillService()" })
                                        @Html.ValidationMessageFor(m => m.Category.CategoryName, "", new { @class = "text-danger" })

这是第二个下拉列表，它是在运行时使用第一个选定选项填充的Ajax。

@Html.DropDownListFor(m => m.JobService.Category, new SelectList(Enumerable.Empty<SelectListItem>(), "ServiceId", "ServiceName"), "-- Select Service --", new { @class = "form-control" })
                                        @Html.ValidationMessageFor(m => m.JobService.Category, "", new { @class = "text-danger" })

我遇到的问题是，当我调试控制器时，即使该选项具有id值，“ JobService”也始终为null。尽管如此，modelstate无效，并且在UI上引发错误，提示“值'14'无效。（其中14是数字（id），但由于某种原因像字符串一样显示）。

下面是我在下拉列表中填充的JavaScript / ajax调用。

     function FillService() {
    var serviceId = $('#Category_CategoryName').val();
    $.ajax({
        url: '@Url.Action("FillServ", "PostJob")',
        type: "GET",
        contentType: "JSON",
        data: { ServiceCategory: serviceId },
        success: function (services) {
            if (services == '') {

               // $('#step-wizard').load(' .step-anchor');

                document.getElementById('JobService_Category').disabled = true;
                $("#Title-Category").html(""); // clear before appending new list
                $("#JobService_Category").html(""); // clear before appending new list
                $("#Title-Category").append('Please skip this step!');

                $("#secondStep").html("");
                $("#secondStep").append('Skip this step!');
            } else {

                document.getElementById('JobService_Category').disabled = false;
                $("#JobService_Category").html(""); // clear before appending new list
                $.each(services, function (i, service) {
                    $("#JobService_Category").append($('<option></option>').val(service.ServiceId).html(service.ServiceName));
                });


            }

        }
    });

这有什么问题？

---更新---

ServiceCategory类

 public class ServiceCategory
{
    [Key]
    public int ServiceId { get; set; }
    public string ServiceName { get; set; }

    public WhatToHaveDone Category { get; set; }

    public string ServiceDescription { get; set; }
}




public class WhatToHaveDone
{
    [Key]
    public int WhatToDoneId { get; set; }
    public string WhatToDoneItem { get; set; }
    public string ItemDescription { get; set; }
    public ICollection<ServiceCategory> Services { get; set; }
}

这是从ajax中的Api调用返回数据的方法

[HttpGet]
    public ActionResult FillServ(int ServiceCategory)
    {
        var services = (from s in _context.JobService where s.Category.WhatToDoneId == ServiceCategory select s).ToList();
        return Json(services, JsonRequestBehavior.AllowGet);
    }

控制器调试

[HttpPost]
    public ActionResult Index(PostJobViewModel JobModel, List<HttpPostedFileBase> jobImages)
    {

        if (User.Identity.Name == "")
        {
            return RedirectToAction("Login","Account");
        }
        else
        {
        var imgList = new List<JobImage>();

            var user = (from u in _context.Users where u.Email == User.Identity.Name select u.Id).First();
            foreach (var item in jobImages)
        {
                var newJobimage = new JobImage
                {
                    JobFileName = item.FileName,
                    JobImageContentBytes = new byte[item.ContentLength],


                };
                imgList.Add(newJobimage);
            }


        if (ModelState.IsValid)
        {


            var newJob = new JobPost{
                Category = JobModel.Category,
                JobAddress=JobModel.JobAddress,
                AboutJob=JobModel.AboutJob,
                JobCity=JobModel.JobCity,
                JobPostCode=JobModel.JobPostCode,

                JobImages=imgList,
                UserId = user,
                JobService=JobModel.JobService

            };
            _context.jobPosts.Add(newJob);
            _context.SaveChanges();
        }
        else
        {

        }
        }

        var workCategories = new SelectList(_context.Categories, "CategoryId", "CategoryName");
        ViewBag.WorkCategories = workCategories;

        var whatWorkToBeDone = new SelectList(_context.JobWizardCategories, "WhatToDoneId", "WhatToDoneItem");
        ViewBag.whatWorkToBeDone = whatWorkToBeDone;

        return View();
    }

下拉列表中的选定值不会检索ID

0 个答案: