所以我有一个局部视图,它只是一个小部件,允许用户选择日期并按日期过滤结果。该局部视图可以在许多页面上显示,因此我想完全解耦并重用它。我想添加事件侦听器,这些事件侦听器可以提交日期局部视图所在的任何形式。
我的主要观点是
@{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" /> to
<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或其他内容。如何从日期过滤器的局部视图中更新局部视图?
有很多剃刀语法可以用来获取控制器名称和动作名称:
string controllerName = this.ViewContext.RouteData.Values["controller"].ToString();
string actionName = this.ViewContext.RouteData.Values["action"].ToString();
您可以从那里建造。