如何将非表单数据从 Razor 页面发布到页面模型

Question

我刚开始使用 Web 编程（使用 Razor 页面），在弄清楚如何将未直接输入表单的数据发布回服务器时遇到了问题。我希望在没有 Ajax 的情况下这样做，因为我需要在处理数据后重定向。

这是 [.cshtml] 表单的一部分

@page
@model TaiRoxWeb.Models.FilterModel
@{
    ViewData["Title"] = "Filter";
}

<h1>@ViewData["Title"]</h1>

<form method="post">
    <div class="card">
        <div class="card-header">
            Filter Criteria
        </div>
        <div class="card-body">
            <table class="table table-sm" id="tblFilter">
                <thead>
                    <tr>
                        <th>
                            Line
                        </th>
                        <th>
                            @Html.DisplayNameFor(model => model.FilterTerms[0].DisplayFieldName)
                        </th>
                        <th>
                            @Html.DisplayNameFor(model => model.FilterTerms[0].DisplayOperation)
                        </th>
                        <th>
                            @Html.DisplayNameFor(model => model.FilterTerms[0].DisplayValues)
                        </th>
                        <th>

                        </th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
            <div class="text-left">
                <button type="button" class="btn btn-sm" id="btnAddLine">Add...</button>
                <button type="button" class="btn btn-sm" id="btnClearAll">Clear</button>
            </div>
        </div>
    </div>
    <br />

    <button type="submit" class="btn btn-sm btn-secondary" asp-page-handler="Cancel" asp-route-PageName="@Model.PageName">Cancel</button>
    <button type="submit" class="btn btn-sm btn-primary" asp-page-handler="Submit" asp-route-PageName="@Model.PageName" asp-route-FilterTerms="FilterTerms">Submit</button>
</form>

在页面加载时，现有数据会附加到表中。 模式弹出窗口用于添加/编辑数据，从而更新表格。

这是提交按钮的页面处理程序。

public ActionResult OnPostSubmit([FromForm] List<SelectTerm> filter)
{
    if (!ModelState.IsValid)
    {
        return Page();
    }
    return RedirectToPage(@"/" + PageName);
}

型号

public class SelectTerm
{
    public int Id { get; set; }

    public string FieldName { get; set; } // select field's Name

    /// <summary>
    /// This is the display-friendly form of FieldName that is shown in the selection criteria grid.
    /// </summary>
    [Display(Name = "Field")]
    public string DisplayFieldName { get; set; } // select field's DisplayName

    public SelectOperation Operation { get; set; }

    /// <summary>
    /// This is the display-friendly form of Operation that is shown in the selection criteria grid.
    /// </summary>
    [Display(Name = "Operation")]
    public string DisplayOperation { get; set; }

    /// <summary>
    /// Gets or sets Values.
    /// This is a list of strings in order to support the "Is One Of" operation.
    /// All filter types except "Is One Of" use only the first item in the list.
    /// </summary>
    public List<string> Values { get; set; }

    /// <summary>
    /// This is the display-friendly form of Values that is shown in the selection criteria grid.
    /// </summary>
    [Display(Name = "Value(s)")]
    public string DisplayValues { get; set; }
}

“显示友好”属性以用户语言显示在表单的表格中。非显示友好（语言中立）属性需要返回服务器进行处理。

在添加/编辑选择/过滤条件时，将维护一个 JavaScript 数组 [名为 FilterTerms]。它存储表中每一行的完整内容。

点击提交按钮后如何将数据返回到服务器。

谢谢！

Answer 1

将数据返回到服务器的唯一方法是通过帖子。因此，您要发送的所有数据都必须在表单中具有关联的输入，即使它是隐藏的。

唯一的其他选择是利用 JS 构建自定义帖子正文并通过 AJAX 发送。您仍然可以技术上通过在 AJAX 成功回调中更改 location 来重定向。但是，除非您确实需要保持在同一页面上，否则只使用传统的表单帖子会更好、更直接。

更新

仔细查看您的代码后，我认为您的问题可能是您需要的数据是仅显示的内容，实际上不应该首先发回。如果是这种情况，解决方案是在发布后重建您的视图模型。如果有一些仅用于显示的属性，那么每次都应该通过首先设置它们的任何代码来设置这些值。不过，我需要查看您的更多代码才能为您提供更具体的指导。