Question

我刚刚开始使用Razor Pages进行Web编程，并且在弄清楚如何将未直接在表单上输入的数据发布回服务器时遇到问题。我希望在没有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数组[named FilterTerms]。它存储表中每一行的完整信息。

单击“提交”按钮后如何将数据返回服务器。

谢谢！

Answer 1

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

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

更新

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

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

1 个答案: