javascript - 有没有办法在部分 View 中获取 ajax 调用的 Controller 路径？

Question

所以我有一个部分 View ，它只是一个小部件，允许用户选择日期并按日期过滤结果。这个部分 View 可以出现在很多页面上，所以我想完全解耦它并重用它。 我想添加事件监听器来提交日期部分 View 的任何形式。

在我的主视图中我有

@{using (Html.BeginForm("getActivityManagementTwoActivities", "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> 
            //... 
       @{ Html.RenderPartial("_ActivityManagementCollapseComponent", Model);
}

我的 Controller :

    public async Task<PartialViewResult> getActivityManagementTwoActivities(DateFilterModel filters, int results = 25)
    {
        var model = await GetFullAndPartialViewModel(filters, results);
        return PartialView("_ActivityManagementCollapseComponent", model);
    }

我的日期部分 View :

<div class="date-text-collapsible">
<form method="get">
    <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" class="hokage">
                    <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: 80px;" placeholder="Start Date" name="dateStart" class="hokage" />&nbsp;to&nbsp;
                    <input id="txtDateTwoFilter" type="text" style="width: 80px;" placeholder="End Date" name="dateEnd" class="hokage" />
                </div>
                <br />
            </td>
        </tr>    
    </table>
</form>

我尝试通过这种方式添加事件监听器:

    var inputDateBoxes = document.getElementsByClassName("hokage");
    addOnChangeListenersToSubmit(inputDateBoxes);
    function addOnChangeListenersToSubmit(arrayOfElements) {
      for (var i = 0; i < arrayOfElements.length; i++) {
        arrayOfElements[i].addEventListener('change', function () {
          this.form.submit();
        })
      }
    }

但是这种方式失败了，它只返回部分 View 本身。我认为这不能是一个表单，我需要指定 ajax 或其他东西。如何从日期过滤器部分中更新部分 View ？

Answer 1

您可以使用一堆 razor 语法来获取 Controller 名称和操作名称:

string controllerName = this.ViewContext.RouteData.Values["controller"].ToString();        
string actionName = this.ViewContext.RouteData.Values["action"].ToString();

您可以从那里开始构建。