在提交时从textarea值设置asp-route-content参数

Question

我有一个razor-pages按钮标签助手调用一个asp- page处理程序，这个处理程序有一个asp-route-content参数，它需要在按钮提交时从razor页面视图中的textarea控件获取它的值。如何才能做到这一点？

Razor查看部分代码：

 <form method="post">
      <div class="modal-body">
           <textarea id="content" name="content" cols="90" rows="4" placeholder="Comment" required></textarea>
      </div>
      <div class="modal-footer">
           <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
           <button type="submit" asp-page="/Post" asp-page-handler="ReplyToComment"
                   asp-route-blogid="@Model.BlogID" asp-route-parentid="@Model.ID"
                   asp-route-email="@user.Email" asp-route-author="@author"
                   asp-route-content="" class="btn btn-primary">Save Reply</button>
      </div>
 </form>

Razor页面处理程序：

    public async Task<IActionResult> OnPostReplyToComment(int blogid, 
           int parentid, string email, string author, string content)

Answer 1

您需要将textarea内容绑定到页面上的属性：

    [BindProperty]
    public string Content { get; set; }

并在文本区域中使用asp-for标签助手：

<textarea asp-for="Content" cols="90" rows="4" placeholder="Comment" required></textarea>

或者在方法签名中使用[FromForm]属性：

public async Task<IActionResult> OnPostReplyToComment(int blogid, 
       int parentid, string email, string author, [FromForm] string content)

有关更多信息，请参阅MS Docs on Model Binding