现在的位置: 首页 > 综合 > 正文

页面上2个按钮,当提交表单的时候调用不同的方法,但是都需要把页面上面的查询条件提交给action

2012年11月21日 ⁄ 综合 ⁄ 共 3493字 ⁄ 字号 评论关闭

当用户点击查询与导出报告的时候都会根据查询条件进行查询,但是服务器端肯定不是一个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>

【上篇】
【下篇】

抱歉!评论已关闭.