javascript - 将 JS 数组传递回控制器问题

Question

我认为：

  <% using (Html.BeginForm("SaveRecommendedUserDetails", "Recommend", FormMethod.Post, new { enctype = "multipart/form-data" }))
    { %>
     <% foreach (var group in Model.Results)
        { %>       
          <div id="group-select<%: group.GroupId %>" style="width:auto; height:50px; border:solid 1px black; margin:5px;" >
             <h3>&nbsp; &nbsp; <a href="javascript:OnGroupClicked(<%: group.GroupId %>)" id="changer<%: group.GroupId %>"><%: group.Name %></a></h3> 
          </div>
     <% } %>
    {

JS：

 <script type="text/javascript">   
 function OnGroupClicked(groupId) {
  var groupIds = new Array();
  $("#changer" + groupId).on("click", function (e) {
    e.preventDefault();
    var body = $('#group-select' + groupId),
        green = "rgb(0, 128, 0)",
        white = "rgb(255, 255, 255)";

    if (body.css("backgroundColor") !== green) {
      groupIds.push(groupId);
      body.css("backgroundColor", green);
    } else {
      groupIds.pop(groupId);
      body.css("backgroundColor", white);
    }
  });
}
</script>

我的控制器：

   [HttpPost]
    public ActionResult SaveRecommendedUserDetails(RecommendedUserDataModel model)
    {
      var userId = ZincService.GetUserIdByEmail(model.Email);
      model.UserId = userId;
      ZincService.SaveRecommendedUserDetails(model);
      return RedirectToAction("Index");
    }

推荐用户数据模型

public class RecommendedUserDataModel
{
  public int UserId { get; set; }
  public string Email { get; set; }
  public string Firstname { get; set; }
  public string Surname { get; set; }
  public string Department { get; set; }
  public string JobTitle { get; set; }

  public IEnumerable<DataModels.Group.GroupDataModel> Groups { get; set; }
 }

我的问题是，如果它被“选中”，我需要将 groupId 返回到控制器，因此单击它。请问我该怎么做？

Answer 1

您可以通过将逗号分隔的组 ID 临时保存到隐藏字段中来传递它。这样做的步骤：

1. 向您的模型添加一个字符串属性，例如“hdnGroupIds”
2. 将隐藏字段放入表单下的视图中。
3. 在 document.ready 和 OnGroup Clicked 方法上保存来自 jvascript 的 hdnGroupIds 中逗号分隔的 groupID。

在上述步骤之后，您可以在您的发布操作中将 commaseprated GroupIds 放入您的控制器中。

Answer 2

第三步：

   <script type="text/javascript">   
  function OnGroupClicked(groupId) {
  var groupIds = new Array();
  $("#changer" + groupId).on("click", function (e) {
      //Here is Step#3
      $('#hdnGroupId').val(groupId+','+$('#hdnGroupId').val());

    });
  }
  </script>