Question

我有一个View，它在页面上显示ViewModel。我想允许用户按下按钮创建一个CSV文件，然后通过电子邮件发送给他们。我有POSt工作，但发回的ViewModel总是为空，即使页面清楚显示很多行。

这是相关观点的一部分：

<table style="width:99%" cellpadding="3" class="ContentTable" border="1" align="center">

    @using (Html.BeginForm("SubmitExcel", "AllRecognition", new { AllRecognitions = ViewBag.AllRecognitionBigViewModel.AllRecognitionViewModel }, FormMethod.Post, new { id = "submitExcel" }))
    {
        <tr>
            <td style="padding:3px;">
                <input type="submit" name="BtnSubmitExcel" id="BtnSubmitExcel" value="Export to Excel" />
            </td>
        </tr>
    }

    <tr style="background-color:#5D7B9D;color:white;">
        <th style="width:4%;padding:3px;font-size:12px;">Date</th>
        <th style="width:8%;padding:3px;font-size:12px;">Employee</th>
        <th style="width:8%;padding:3px;font-size:12px;">Recognized By</th>
        <th style="width:6%;padding:3px;font-size:12px;">5-Star Standard</th>
        <th style="width:70%;padding:3px;font-size:12px;">Description</th>
        <th style="width:4%;padding:3px;font-size:12px;">Points</th>
    </tr>

    @{

        if (ViewBag.AllRecognitionBigViewModel.AllRecognitionViewModel != null)
        {
            foreach (Recognition.ViewModels.AllRecognitionViewModel item in ViewBag.AllRecognitionBigViewModel.AllRecognitionViewModel)
            {
                @:<tr>
                    @:<td style="width:4%;padding:3px;font-size:12px;">@item.Date</td>
                    @:<td style="width:8%;padding:3px;font-size:12px;">@item.Employee</td>
                    @:<td style="width:8%;padding:3px;font-size:12px;">@item.RecognizedBy</td>
                    @:<td style="width:6%;padding:3px;font-size:12px;">@item.FiveStarStandard</td>
                    @:<td style="width:70%;padding:3px;font-size:12px;">@item.Description</td>
                    @:<td style="width:4%;padding:3px;font-size:12px;">@item.Points</td>
                @:</tr>
                }



        }
    }

</table>

这是接收POST方法的控制器端：

public ActionResult SubmitExcel(List<ViewModels.AllRecognitionViewModel> AllRecognitions)
    {
        ViewBag.NoSearch = "block";
        ViewBag.SupervisorSearch = "none";
        ViewBag.DepartmentSearch = "none";
        ViewBag.EmployeeSearch = "none";

        DataTable dtAllRecognitions = Base.SQLHelper.ConvertListToDataTable(AllRecognitions.ToList());
        DataSet dsAllRecognitions = new DataSet();
        dsAllRecognitions.Tables.Add(dtAllRecognitions);
        FHSBase.FHS.DataHelper.SendMeExcelFile(dsAllRecognitions, "Recognitions", CurrentUser);

        ViewModels.AllRecognitionBigViewModel AllRecognitionBigViewModel = new ViewModels.AllRecognitionBigViewModel();
        AllRecognitionBigViewModel.AllRecognitionViewModel = null;
        Models.DateRange DateRange = new Models.DateRange();
        DateRange.fromDate = DateTime.Today.Date;
        DateRange.toDate = DateTime.Today.Date;
        AllRecognitionBigViewModel.DateRange = DateRange;
        ViewBag.AllRecognitionBigViewModel = AllRecognitionBigViewModel; 

        List<SelectListItem> empList = new List<SelectListItem>();
        string VPath = "Index";
        return View(VPath, empList);

    }

“AllRecognitions”视图模型在ActionResult中为空，但在视图本身中不为空。如何使用视图中显示的当前值将当前视图模型返回到ActionResult（SubmitExcel）？

Answer 1

你的表格是空的。因此没有数据发布到服务器。

提交表单时，它不会将整个页面发送到服务器。（服务器如何知道如何处理HTML以从中获取所需的值？）它从表单元素发送键/值对。而且你只有一个表单元素：

<input type="submit" name="BtnSubmitExcel" id="BtnSubmitExcel" value="Export to Excel" />

因此只有一个键/值被发送到服务器。

您需要做的第一件事就是将表单包装在要发布到服务器的数据周围。所以基本上围绕着整个桌子。

接下来，您需要发出实际的表单元素。页面上的文字不是可用的数据，它只是页面内容。由于模型是List<ViewModels.AllRecognitionViewModel>，因此您应该能够通过对循环的简单修改来完成。所以不要这样：

foreach (Recognition.ViewModels.AllRecognitionViewModel item in ViewBag.AllRecognitionBigViewModel.AllRecognitionViewModel)

你会想要这个：

for (var i = 0; i < ViewBag.AllRecognitionBigViewModel.AllRecognitionViewModel.Count(); i++)

表单元素可以是hidden，因此您不需要更改页面中的当前UX。也许这样的事情：

@Html.HiddenFor(x => x[i].Date)

或者也许：

@Html.HiddenFor(x => x.AllRecognitionViewModel[i].Date)

我实际上在这里猜测，因为我更习惯于使用模型代替ViewBag。（您可能希望尝试使用它，它可能会使事情变得更简单。）您可能需要进行一些调试以确定服务器端代码中的确切内容。

最终，您希望在客户端代码中看到的内容与此类似：

<input type="hidden" name="AllRecognitionViewModel.Date[0]" value="..." />

因此，如果上述@Html.EditorFor建议不起作用，您可以随时手动完成。在循环中它可能看起来像这样：

<input type="hidden" name="AllRecognitionViewModel.Date[@i]" value="@ViewBag.AllRecognitionBigViewModel.AllRecognitionViewModel[i].Date" />

要注意的关键是name属性。通过将这些键/值对的“数组”发送到服务器，模型绑定器应该能够构造List<ViewModels.AllRecognitionViewModel>。

Answer 2

这对你有用吗？这是一种不同的方法。既然您没有在视图中操作任何内容而只想导出到Excel，为什么不将结果放在TempData而不是ViewBag中，然后在POST时检索它？对于那次旅行，TempData的记忆力很好。

因此，在初始控制器渲染中，执行：

TempData["AllRecognition"] = ThisIsMyAllRecognitionViewModelData;

然后，当他们提交给excel时，该数据仍然在Temp。

public ActionResult SubmitExcel()
    {
var MyDataMadeIt = TempData["AllRecognition"];
// do some stuff
}

在View

2 个答案: