2

ユーザーが をクリックすると、ユーザーのレポートをHtml.ActionLinkダウンロードするコントローラー メソッドを呼び出す必要があります。csvまた、このコントローラーに、探している開始日と終了日の範囲を示す 2 つの入力ボックスからの値を渡す必要があります。

現在、jQuery を使用してパラメーターを割り当てることができHtml.ActionLinkますが、コントローラーに戻すことはできません。コントローラー メソッドの両方のパラメーターは、null値でインスタンス化されます。

また、この特定のフォームで既に使用されているフォーム/送信メソッドを使用して、ユーザーが csv にエクスポートする前に要求された日付範囲のデータを表示できるようにすることもできません。

jQuery

$(document).ready(function() {
    $('#startDate').change(function () {
        $('a').attr('start', $(this).val());
    });

    $('#endDate').change(function () {
        $('a').attr('end', $(this).val());
    });
});

ASP MVC 3 ビュー

@using (Html.BeginForm())
{
    <div id="searchBox">
        @Html.TextBox("startDate", ViewBag.StartDate as string, new { placeholder = "   Start Date" })
        @Html.TextBox("endDate", ViewBag.EndDate as string, new { placeholder = "   End Date" })
        <input type="image" src="@Url.Content("~/Content/Images/Search.bmp")" alt="Search"  id="seachImage"/>
        <a href="#" style="padding-left: 30px;"></a>
    </div>
    <br />
    @Html.ActionLink("Export to Spreadsheet", "ExportToCsv", new { start = "" , end = ""} )
    <span class="error">
        @ViewBag.ErrorMessage
    </span>
}

コントローラーの方法

    public void ExportToCsv(string start, string end)
    {

        var grid = new System.Web.UI.WebControls.GridView();

        var banks = (from b in db.AgentTransmission
                    where b.RecordStatus.Equals("C") &&
                          b.WelcomeLetter
                    select b)
                    .AsEnumerable()
                    .Select(x => new
                               {
                                   LastName = x.LastName,
                                   FirstName = x.FirstName,
                                   MiddleInitial = x.MiddleInitial,
                                   EffectiveDate = x.EffectiveDate,
                                   Status = x.displayStatus,
                                   Email = x.Email,
                                   Address1 = x.LocationStreet1,
                                   Address2 = x.LocationStreet2,
                                   City = x.LocationCity,
                                   State = x.LocationState,
                                   Zip = "'" + x.LocationZip,
                                   CreatedOn = x.CreatedDate
                               });


        grid.DataSource = banks.ToList();
        grid.DataBind();

        string style = @"<style> .textmode { mso-number-format:\@; } </style> ";

        Response.ClearContent();
        Response.AddHeader("content-disposition", "attachment; filename=WelcomeLetterOutput.xls");
        Response.ContentType = "application/excel";
        StringWriter sw = new StringWriter();
        HtmlTextWriter htw = new HtmlTextWriter(sw);
        grid.RenderControl(htw);
        Response.Write(style);
        Response.Write(sw.ToString());
        Response.End();
    }
4

2 に答える 2

3

問題は、リンクに「開始」または「終了」属性がないことだと思います。だから$('a').attr('start', $(this).val());何もしません。

<a href="#" id="lnkExport">Export to Spreadsheet</a>

$('#lnkExport').click(function (e){
 e.preventDefault();
 window.location = '/Home/ExportToCsv?start=' + $('#startDate').val() + '&end=' + $('#endDate').val();
});
于 2013-08-06T21:00:01.790 に答える
1

また、この特定のフォームで既に使用されているフォーム/送信メソッドを使用して、ユーザーが csv にエクスポートする前に要求された日付範囲のデータを表示できるようにすることもできません。

実際には、フォーム内に 2 つの送信ボタンを配置し、POST コントローラー アクションで、それに応じて動作するためにどのボタンがクリックされたかを知ることができます。そのように：

<button type="submit" name="btn" value="search">Search</button>
<button type="submit" name="btn" value="export">Export to Spreadsheet</button>

btnこれで、コントローラー アクションは引数を取ることができます。

[HttpPost]
public ActionResult SomeAction(MyViewModel model, string btn)
{
    if (btn == "search")
    {
        // The search button was clicked, so do whatever you were doing 
        // in your Search controller action
    }
    else if (btn == "export") 
    {
        // The "Export to Spreadsheet" button was clicked so do whatever you were
        // doing in the controller action bound to your ActionLink previously
    }

    ...
}

両方のケースでわかるように、フォームは同じコントローラー アクションに送信され、フォーム データからビュー モデルを取得するだけでなく、適切なアクションを実行するためにどのボタンがクリックされたかがわかります。これで、これまでに作成した凝った JavaScript とアンカーをすべて取り除くことができます。ユーザーが JavaScript を無効にしている場合でも、アプリケーションは動作します。これはプレーンでシンプルな HTML です。

注: 質問でコントローラー メソッドを示して呼び出したものは、ASP.NET MVC の標準的なものではないことに注意してください。ASP.NET MVC では、これらのメソッドに名前があります。Tjeir はコントローラー アクションと呼ばれActionResults、無効ではなく、返さなければなりません。var grid = new System.Web.UI.WebControls.GridView();また、真剣に、ASP.NET MVC アプリケーションでを使用しているようですね?

于 2013-08-06T20:59:00.893 に答える