如何将多个选中的复选框值保存到数据库mvc

时间:2017-04-10 06:37:22

标签: jquery sql-server asp.net-mvc asp.net-mvc-4 checkbox

我正在开发一个MVC项目,我的任务是在复选框中选择多个项目,并希望将这些选定项目保存到数据库。为此,我创建了三个表。第一个是DistrictMaster

public partial class DistrictMaster
{
    public int Id { get; set; }
    public string DistrictName { get; set; }
    public virtual ICollection<PostMaster> PostMasters { get; set; }
}

这里我进入了各个地区,这将保存到数据库 第二张表PostMaster

 public partial class PostMaster
{
    public int Id { get; set; }
    public string PostName { get; set; }
    public string PIN { get; set; }
    public Nullable<int> DistrictID { get; set; }

    public virtual DistrictMaster DistrictMaster { get; set; }
}

这里我根据从下拉列表中选择的区域输入不同的帖子。 DistrictID是外键,将密码和名称保存到表

中的相应区域

第三个表是AgentPostMapping

  public partial class AgentPostMapping
{
    public int Id { get; set; }
    public Nullable<int> AgentId { get; set; }
    public Nullable<int> PostId { get; set; }
    public Nullable<System.DateTime> EffectDate { get; set; }
}

这里PostId不是外键,我需要将复选框中选中或选中的项目保存为此postId。这是Iam在做的事情上的一部分。

控制器

 public ActionResult Create()
    {
        ViewBag.AgentId = new SelectList(db.AgentMasters, "ID", "FirstName");
        ViewBag.DistrictId = new SelectList(db.DistrictMasters, "Id", "DistrictName");
        return View();
    }

 public JsonResult GetPosts(string id)
    {
        List<SelectListItem> posts = new List<SelectListItem>();
        var postList = this.Getpost(Convert.ToInt32(id));
        ViewBag.Postdata= this.Getpost(Convert.ToInt32(id));
        var postData = postList.Select(m => new SelectListItem()
        {
            Text = m.PostName,
            Value = m.Id.ToString(),
        });
        return Json(postData, JsonRequestBehavior.AllowGet);
    }

 public IList<PostMaster> Getpost(int DistrictId)
    {
        return db.PostMasters.Where(m => m.DistrictID == DistrictId).ToList();
    }

[HttpPost]
    [ValidateAntiForgeryToken]
    public async Task<ActionResult> Create([Bind(Include = "Id,AgentId,PostId,EffectDate")] AgentPostMapping agentPostMapping, FormCollection formdata)
    {
        if (ModelState.IsValid)
        {
            db.AgentPostMappings.Add(agentPostMapping);
            await db.SaveChangesAsync();
            return RedirectToAction("Index");
        }

        ViewBag.AgentId = new SelectList(db.AgentMasters, "ID", "FirstName", agentPostMapping.AgentId);
        return View(agentPostMapping);
    }

这是我的控制器部分我没有在[HttpPost]中编写代码。任何人都可以帮我写代码保存到数据库。

视图(创建)

@model BeyondThemes.BeyondAdmin.Models.AgentPostMapping

@using (Html.BeginForm()) 
{
@Html.AntiForgeryToken()

<div class="form-horizontal">
 @Html.ValidationSummary(true, "", new { @class = "text-danger" })
  <div class="form-group">
        @Html.LabelFor(model => model.AgentId,"AgentName", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.DropDownList("AgentId", null, "select", htmlAttributes: new { @class = "form-control" })
            @Html.ValidationMessageFor(model => model.AgentId, "", new { @class = "text-danger" })
        </div>
    </div>

<div class="form-group">
        @Html.Label("District", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.DropDownList("DistrictId", ViewBag.DistrictId as SelectList, "-- Please Select  --", new { style = "width:250px" })
            @*@Html.DropDownList("DistrictID", null, "select", htmlAttributes: new { @class = "form-control" })*@
            @*@Html.ValidationMessageFor(model => model.PostMaster.DistrictID, "", new { @class = "text-danger" })*@
        </div>
    </div>

  <div class="form-group">
        @Html.LabelFor(model => model.PostId,"PostName", htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            <div id="PostMaster"></div>
            @Html.ValidationMessageFor(model => model.PostId, "", new { @class = "text-danger" })
        </div>
    </div>

  <div class="form-group">
        <div class="col-md-offset-2 col-md-10">
            <input type="submit" value="Create" class="btn btn-default" />
        </div>
    </div>
</div>

}

 <script type="text/javascript">
$(document).ready(function () {
//District Dropdown Selectedchange event
$("#DistrictId").change(function () {
    $("#PostMaster").empty();
    $.ajax({
        type: 'POST',
        url: '@Url.Action("GetPosts")', // Calling json method
        dataType: 'json',
        data: { id: $("#DistrictId").val() },
        // Get Selected post id.
        success: function (posts) {
            $.each(posts, function (i, post) {
                //$("#PostMaster").append('<option value="' + post.Value + '">' +
                //    post.Text + '</option>');

                $("#PostMaster").append('<input type="checkbox" name="postdata">' + post.Text+'<br>');
            });
        },
        error: function (ex) {
            alert('Failed to retrieve post.' + ex);
        }
    });
    return false;
})
});

这是页面如何显示的屏幕截图

enter image description here

当我通过选中复选框点击创建按钮时,所选复选框未在创建参数的[HttpPost]中列出

它显示如下

enter image description here

为什么PostId中没有显示的值。任何人都可以帮我找到解决方案。我怎么解决这个???

2 个答案:

答案 0 :(得分:0)

我认为您应该使用名称&#39; input&#39;创建PostId

我看到@Html.LabelFor@Html.ValidationMessageFor,但EditorFor在哪里?

您不需要使用HTML帮助程序,某处需要input(复选框),其名称为&#39; PostId&#39;

答案 1 :(得分:0)

每件事似乎都没问题 您的问题的解决方案是您可以使用name属性获取元素的值。 将名称属性 name =“postdata” 更改为jquery中的 name =“PostId” 追加复选框。

或者您可以在模型中修改属性名称 PostId to postdta