无法从视图将数据传递给我的控制器

Question

我正在尝试将 5 个可选值传递给我的控制器

    public class ActivityManagementTwoFiltersModel
    {
    public string timeFilter { get; set; } = "Last 30 days";
    public int numberOfItemsToReturn { get; set; } = 25;
    public DateTime? dateStart { get; set; } = null;
    public DateTime? dateEnd { get; set; } = null;
    public Guid? districtId { get; set; } = null;
    }

我的控制器是这样的

  public async Task<ActionResult> ActivityManagementTwo( ActivityManagementTwoFiltersModel filters)   

我的看法：

  @{using (Html.BeginForm("ActivityManagementTwo", "CallCenter", FormMethod.Get, new { id = "ActivityTwoForm" }))
    {
        <div class="row ">
            <div class="col-md-12" style="float:right;">
                <div class="dateWrapper">@{Html.RenderPartial("_DateFilter"); }</div>
            </div>
        </div>
        <div class="row" style="margin-top: 10px; margin-bottom: 8px;">
            <div class="col-md-3 ActivityManagementTwoHeader" style="font-size:12px; font-weight: bold">
                Displaying Results @Model.Count() of @Model.Count()
            </div>
            <div class="col-md-3">
                Items per page:
                @Html.DropDownList("numberOfItemsToReturn", new List<SelectListItem> {
                new SelectListItem { Value = "25", Text= "25"},
                new SelectListItem { Value = "50", Text= "50"},
                new SelectListItem { Value = "100", Text= "100"},
                })                   
            </div>           
        </div>
    }
}

每当更改下拉菜单之一时，我想从主视图或部分视图中点击我的控制器。我尝试了一个 JS 函数，但它没有提交值

    document.getElementById("numberOfItemsToReturn").addEventListener("change", function () {
    document.getElementById("ActivityTwoForm").submit();
})

没用。如何在更改时将下拉菜单中的参数传递给控制器​​？

编辑：这是我的部分观点。正在发送部分视图字段，只有 numberOfItemsToReturn 不是

 <table>
        <tr>
            <td style="text-align:right; vertical-align: top; width: 160px">
                Time filter:
            </td>
            <td style="display:inline-block; width:150px" >
                <input id="radio1" name="radioToggle" type="radio"> Recent
                <select id="timeFilter" name="timeFilter" >
                    <option value="Last 30 days">at least 18</option>
                </select>
                <br />
                <input id="radio2" name="radioToggle" class="radioTimeFilter" type="radio"> Date Range
                <div id="dateContent" class="radio-content" style="display:none;">
                    <input id="txtDateOneFilter" type="text" style="width: 70px;" placeholder="Start Date" name="dateStart"/>&nbsp;to&nbsp;
                    <input id="txtDateTwoFilter" type="text" style="width: 70px;" placeholder="End Date" name="dateEnd" />
                </div>
                <br />
            </td>
        </tr>
    </table>

Answer 1

@Html.DropDownList(m => m.numberOfItemsToReturn, new List<SelectListItem> {
                new SelectListItem { Value = "25", Text= "25"},
                new SelectListItem { Value = "50", Text= "50"},

Answer 2

将[HttpPost] 添加到操作中

[HttpPost]
public async Task<ActionResult> ActivityManagementTwo( ActivityManagementTwoFiltersModel filters)

然后修复你的表单

@{using (Html.BeginForm("ActivityManagementTwo", "CallCenter", FormMethod.Post))

在表单中添加提交按钮以进行测试

<input type="submit" value="Send" />