是否有一种方法可以在局部视图中获取ajax调用的控制器路径?

问题描述 投票:0回答:1

所以我有一个局部视图,它只是一个小部件,允许用户选择日期并按日期过滤结果。该局部视图可以在许多页面上显示,因此我想完全解耦并重用它。我想添加事件侦听器,这些事件侦听器可以提交日期局部视图所在的任何形式。

我的主要观点是

@{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);
}

我的控制器:

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

我的日期局部视图:

<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();
        })
      }
    }

但是这种方式失败了,它仅返回自身的局部视图。我以为这不能是表格,我需要指定ajax或其他内容。如何从日期过滤器的局部视图中更新局部视图?

javascript ajax asp.net-mvc partial-views
1个回答
0
投票

有很多剃刀语法可以用来获取控制器名称和动作名称:

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

您可以从那里建造。

© www.soinside.com 2019 - 2024. All rights reserved.