Как я могу передать объект от моего вида моему контроллеру в ASP. NET MVC?

Question

Я хочу скачать файл Excel, когда пользователь нажимает кнопку Excel. Это мои Model и Object:

List<VMStockScreenerModel> listofStockScreener = (List<VMStockScreenerModel>)TempData["StockScreener"];
TempData["StockScreener"] = listofStockScreener;

Это кнопка Excel на мой взгляд:

<div class="col-md-1 padding-fx text-left" id="btn_FilterStocks">
    <span onclick="DownloadFilterStocks(@listofStockScreener.ToList());" class="pull-right icon-merge" data-toggle="tooltip" title="Download">
        <i class="fa fa-file-excel-o"></i>                        
        <i class="fa fa-cloud-download"></i>                 
    </span>                                                     
</div>

А вот мой обработчик OnClick:

function DownloadFilterStocks() {
    debugger;
    var Obj = [@listofStockScreener];
    Obj = JSON.stringify({ 'Obj': Obj });
    var urls = '@(Html.Raw(Url.Action("Download_StockScreener","Home", new { Obj = "_Obj_"},Request.Url.Scheme)))'.replace("_Obj_", Obj);                   
}

Код контроллера

public FileResult Download_StockScreener(VMStockScreenerModel Obj)
        {
            try
            {
                string fileName = string.Empty;
                string filePath = string.Empty;
                string fileName_filePath = string.Empty;


                fileName_filePath = StockScreener_DownloadExcel(Obj);
                if (fileName_filePath.Contains("@"))
                {
                    filePath = fileName_filePath.Split('@')[0];
                    fileName = fileName_filePath.Split('@')[1];
                }
                if (fileName != "")
                {
                    //return File(filePath, "text/csv", fileName);

                }

                else
                {
                    return null;
                }
            }
            catch (Exception ex)
            {
                Log.Logging("HomeController => Download_StockScreener", ex.Message + "\n" + ex.StackTrace);

            } return null;
        }

Answer 1

Вместо того, чтобы писать весь код для вас, я надеюсь, что смогу подсказать вам ответ, предложив вам шаги, которые необходимо предпринять для работы вашего решения:

1. Вместо span , сделайте элемент якорем a.
2. Визуализация серверной части URL-адреса привязки (представление MVC) без части строки запроса. Пример: <a href="www.mydomain.com/Stocks/ExportToExcel" onclick="DownloadFilterStocks(this)">Export</a>
3. В событии щелчка якоря сделайте следующее:

    function DownloadFilterStocks(elem) {
        debugger;
        var Obj = [@listofStockScreener];

        var $elem = $(elem);

        //this converts JS object to query string
        var qParams = $.param(Obj); 

        //append query string to the anchor's base url
        var newUrl = $elem.attr('href') + '?' + qParams; 

        //assign new url
        $elem.attr('href', newUrl);
    }

Как это будет работать:

1. Когда при нажатии на ссылку экспорта, перед выполнением на стороне сервера будет выполнен код JS.
2. JS обновит URL / href строкой запроса
3. Код на стороне сервера будет выполняется с новым URL

Надеюсь, что поможет вам. В любом случае я написал несколько кодов.

Примечание. Мой ответ предполагает, что ваш код на стороне сервера является рабочим кодом.