小编gus*_*r47的帖子

我试图OnPost在我的剃刀页面中调用该方法后打开模式弹出窗口，但我找不到适合我的特定用例的最佳解决方案。

在我的 Razor 页面中，我有几个文本字段和一个“搜索”按钮，单击该按钮时，会根据用户在文本框中写入的文本在数据库中查找数据。此时，我从数据库中获取数据并将其加载到列表中，然后将其传递到模式弹出窗口中包含的部分视图，通过检查浏览器中的 HTML，它会正确填充它。我缺少的是下一步并显示模式弹出窗口。我尝试设置一些绑定属性来编辑模态属性，但这不起作用（我知道，这不是最优雅的解决方案）。

下面是我的代码片段：

剃刀页面：

@page
@model Namespace.ResponderSchemaModel
@{
    ViewData["Title"] = "Responder Schema";
}

<form method="post">
    <div class="md-form input-group">
        <input type="tel" id="phone" name="phone" placeholder="Phone" />
        <input type="tel" id="responder" name="responder" placeholder="Responder" />
        <div class="input-group-append">
            <button class="btn btn-sm btn-red waves-effect m-0 px-3" type="submit" id="searchButton" asp-page-handler="SearchResponder">Search</button>
        </div>
    </div>
</form>

<div class="modal fade" tabindex="-1" role="dialog" id="details-modal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Responders Found</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                @if (Model.Responders.Count > 1) …