当用户点击查询与导出报告的时候都会根据查询条件进行查询,但是服务器端肯定不是一个action,这时候需要提交一个form,调用不同action
jquery
$(document).ready(function () {
$("#btnSearch,#btnExport").click(function () {
$("#IsSearch").attr("value", 1);
var action = $(this).data("action");
$("form")[0].action = action;
var selectname = $("#ActiveListName").find("option:selected").text();
if (selectname == "请选择") {
return alert("请选择活动名称");
}
else {
$("form")[0].submit();
}
});
html:
@using (Html.BeginForm())
{
@Html.TextBoxFor(n => n.IsSearch, new { @type = "hidden" })
<table class="table table-striped table-bordered displayTable" id="displayTable">
<tbody>
<tr class="odd">
<td class="right">
活动时间:
</td>
<td class="left" colspan="3" style="vertical-align: middle;">
从:@Html.TextBoxFor(model => model.BeginDate, new { @class = "Wdate", @onclick = "WdatePicker({lang:'zh-cn'})" })
到:@Html.TextBoxFor(model => model.EndDate, new { @class = "Wdate", @onclick = "WdatePicker({lang:'zh-cn'})" })
</td>
</tr>
@{
Html.RenderAction("SearchAreaUserControl", "Staff", Model == null ? null : new AreaUserControlViewModel { AreaId = Model.AreaId, ClusterId = Model.ClusterId, FilialeId = Model.FilialeId, SalesCode = Model.SalesCode, ChannelId = Model.ChannelId
});
}
<tr>
<td class="right">
活动名称
</td>
<td class="left" style="vertical-align: middle;">
@Html.DropDownListFor(m => m.ActiveListName, new[] {
new SelectListItem(){Text="F1",Value="F1"},
new SelectListItem(){Text="MU",Value="MU"}
}, "请选择")
</td>
<td colspan="2">
</td>
</tr>
<tr>
<td class="right">
Site Code/Account
</td>
<td class="left" style="vertical-align: middle;">
@Html.TextBoxFor(model => model.SiteCode, new { @class = "input span3 number" })
</td>
<td colspan="2">
</td>
</tr>
<tr>
<td class="right">
公司名称
</td>
<td class="left" style="vertical-align: middle;">
@Html.TextBoxFor(model => model.Name, new { @class = "input span3 number" })
</td>
<td colspan="2">
</td>
</tr>
</tbody>
</table>
<div class="btn_usebox">
<table>
<tr>
<td>
<input type="button" class="btn_use" data-action="@Url.Action("ActiveList")" id="btnSearch" value="查找" />
</td>
<td>
<input type="button" id="reset" class="btn_use" value="清除所有" />
</td>
<td>
<input type="button" class="btn_use" data-action="@Url.Action("ExportForActive")" id="btnExport" value="导出报告" />
</td>
</tr>
</table>
</div>
}
</div>