如何将数据切换模式引导到控制器？

Question

我有一个调查表列表，每个表都有一个按钮/asp操作，可以查看至少3个竞争对手的答案。但我需要使用模式选择调查表中的竞争对手。在该模式中，我应该在主体中填充一个复选框，其中包含回答该调查表的竞争对手。如何将数据切换模式导入控制器？

以下是我的看法：

 @for (int i = 0; i < Model.SurveyNames.Count; i++)
      {
        <tr>
            <td>
                @Model.SurveyNames[i].SurveyName
            </td>
            <td>
                @Model.SurveyNames[i].SurveyFor
            </td>
            <td>
                @Model.SurveyNames[i].Description
            </td>
            <td>
                @Model.SurveyNames[i].CreatedBy
            </td>
            <td>
                @Model.SurveyNames[i].Status
            </td>

            <td>
                <!-- Button trigger modal -->
                <a asp-action="ViewCompetitors" asp-route-id="@Model.SurveyNames[i].Id" data-toggle="modal" data-target="#ChooseCompetitors">View Competitors</a>
            </td>
        </tr>
}

这是我的控制器，它应该将值返回到索引模式：

public IActionResult Index(int? id)
        {
            var model = new CompetitorAnswerViewModel();
            var SurveyList = _context.MainSurvey.ToList();

             foreach (var zsurvey in SurveyList)
            {
                model.SurveyNames.Add(new survey { Id = zsurvey.Id, SurveyName = zsurvey.SurveyName, SurveyFor = zsurvey.SurveyFor,Description = zsurvey.Description,CreatedBy = zsurvey.CreatedBy,Status = zsurvey.Status}) ;
            }

            var competitorList = _context.SurveyCompetitor.ToList().Where(x => x.MainSurveyId == id);

             foreach (var competitors in competitorList)
            {
                model.CompetitorNames.Add(new Competitor { CompetitorName = competitors.CompetitorName});
            }
            return View(model);
        }

我应该在正文中填入回答该调查表的竞争对手的复选框。但每当我单击“查看竞争对手”时，它不会转发给控制器。

Answer 1

我希望表数据id将其传递给contoller以过滤调查竞争对手，然后将过滤后的数据返回到同一索引中的modal

您可以将竞争对手视图放在部分视图中，并使用ajax将其呈现为Index视图。

1.在Shared文件夹/Views/Shared/_CompetitorsPartialView.cshtml中创建部分视图

@model YourViewModel
<div class="col-md-12">
Your View
</div>

2.将筛选的数据返回到此partail视图

public IActionResult ViewCompetitors(int id)
    {
        // filter logic
        return PartialView("_CompetitorsPartialView",YourViewModel);
    }

3.在索引视图中使用ajax。

修改代码

<button id = "ViewCompetitors" onclick="viewCompetitor(@item.CustomerId)">View Competitors</button>

Modal和ajax：

<div class="modal fade" id="ChooseCompetitors" role="dialog">
<div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
        <div class="modal-header">
            <h4 class="modal-title">Modal Header</h4>
            <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
        <div class="modal-body">
          <div id="showresults"></div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
    </div>

</div>
</div>
@section Scripts{ 
<script>
    function viewCompetitor(id) {
        $.ajax({
            type: 'Get',
            url: '/Home/ViewCompetitors/' + id,//your url
            success: function (result) {
                $("#ChooseCompetitors").modal();//open modal
                $('#showresults').html(result);//populate view to modal

            }
        })
    }
</script>
}