使用 ViewComponent 从 RazorPage 获取请求

Question

我托盘在有条件的 Razor 页面中使用 ViewComponent，并且每个 Viewcomponents 都是独立的，我的 razorpage 是“/Subfolder/Index.cshtml”

<div class="row">
<div class="col-md-4">
    @await Component.InvokeAsync("RightMenu")
</div>
<div class="col-md-8">
    @if (Model.SIndex != 0)
    {
        @await Component.InvokeAsync("SubContent", new { id = Model.SIndex })

    }

    @if (Model.SIndex == 15)
    {
        <div class="row">
            <div class="col-md-12">
                <form method="post">
                    @await Component.InvokeAsync("QuestionUs", new { askLibrarian = new Lib.Model.AskLibrarian() })
                    <div class="form-group">
                        <input type="submit" value="ask Question" class="btn btn-default" asp-page-handler="question" />
                    </div>
                </form>
            </div>
        </div>
    }


</div>

后面的代码是“/subfolder/index.cshtml.cs”

 public class IndexModel : PageModel
{
    private readonly Lib.Model.LibContext _context;
    [BindProperty]
    public int SIndex { get; set; }
    public async Task OnGet(int Id)
    {
            SIndex = Id;
    }
    [BindProperty]
    public AskLibrarian AskLibrarian { get; set; }

    public async Task<IActionResult> OnPostquestionAsync()
    {
        if (!ModelState.IsValid)
        {
            return Page();
        }

        _context.AskLibrarians.Add(AskLibrarian);
        await _context.SaveChangesAsync();

        return RedirectToPage("./Index");
    }
}

现在 "questionViewcomponent" 是一个显示许多输入元素的简单表单在“/subfolder/component/questionus/default.cshtml”

@model Lib.Model.AskLibrarian

        <div asp-validation-summary="ModelOnly" class="text-danger"></div>
        <div class="form-row">
            <div class="form-group col-md-6">
                <label asp-for="FullName" class="control-label"></label>
                <div class="input-group mb-2 mr-sm-2">
                    <div class="input-group-prepend">
                        <div class="input-group-text"><i class="fas fa-user"></i></div>
                    </div>
                    <input asp-for="FullName" class="form-control" />
                    <span asp-validation-for="FullName" class="text-danger"></span>
                </div>
            </div>
            <div class="form-group col-md-6">
                <label asp-for="Email" class="control-label"></label>
                <div class="input-group mb-2 mr-sm-2">
                    <div class="input-group-prepend">
                        <div class="input-group-text"><i class="fas fa-envelope"></i></div>
                    </div>
                    <input asp-for="Email" class="form-control" />
                    <span asp-validation-for="Email" class="text-danger"></span>
                </div>
            </div>
        </div>
        <div class="form-row">
            <div class="form-group col-md-4">
                <label asp-for="LibraryNameId" class="control-label"></label>
                <div class="input-group mb-2 mr-sm-2">
                    <div class="input-group-prepend">
                        <div class="input-group-text"><i class="fas fa-book"></i></div>
                    </div>
                    <select asp-for="LibraryNameId" class="form-control" asp-items="ViewBag.LibraryNameId"></select>
                </div>
            </div>
            <div class="form-group col-md-8">
                <label asp-for="Subject" class="control-label"></label>
                <div class="input-group mb-2 mr-sm-2">
                    <div class="input-group-prepend">
                        <div class="input-group-text"><i class="fas fa-book-reader"></i></div>
                    </div>
                    <input asp-for="Subject" class="form-control" />
                    <span asp-validation-for="Subject" class="text-danger"></span>
                </div>
            </div>

        </div>
        <div class="form-group">
            <label asp-for="Text" class="control-label"></label>
            <textarea asp-for="Text" class="form-control" style="min-height:250px;"></textarea>
            <span asp-validation-for="Text" class="text-danger"></span>
        </div>

在 "OnpostQuestionAsync" 上设置断点，当我单击带有 "question" 处理程序的提交按钮时，什么都不做，而是显示一个空白页面而不是问题表单。我该如何解决

Answer 1

很长一段时间后，我的问题通过删除

得到解决

 <input type="submit" value="ask Question" class="btn btn-default" asp-page-handler="question" />

并在表单标签中添加

<form method="post" sp-page-handler="question">

使用 ViewComponent 从 RazorPage 获取请求

Get request from RazorPage with ViewComponent

asp.net-mvc

asp.net-core-mvc

razor-pages

asp.net-core-viewcomponent