使用 JavaScript 的 MVC 视图用户控件。如何实现弹出?

MVC View User Control with JavaScript. How implement popup?

我有一个小项目,我有一个带有下拉菜单的页面。选择下拉列表后,应弹出一个用户控件。

这是我希望完成的图像:

我有一个 .ascx 文件需要加载。将在何处添加入口点以弹出此控件? 这是实现。我已经开始了。该项目未使用隐藏代码,而是使用 javascript 来实现控件。

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<AdministratorConsole.Models.TaskActionController.TaskActionViewModel>" %> 
<script language="javascript" type="text/javascript">
<!-- Some Funtions -->
</script>
<div class="main_popup_container">
<div class="task-action-header">Action Type: Hyperlink PDFs</div>
<div class="task-configuration-header">Configuration<span id="HyperlinkCopyTestResults" class="one-line-test-results"></span></div>

我已经启动了一种方法来尝试让这个 .ascx 从根文件夹中弹出,但没有成功。我需要什么才能让这个 MVC 视图用户控件弹出
并执行?

class PageLoad : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        // Load control from file 
        Control load = (Control)Page.LoadControl(@"~/PDFHyperlink.ascx");
    }
}

我还有一个接口,它具有并执行 GetName 和 TestConfiguration 运行 对用户输入进行一些测试并执行我的代码以超链接 PDF。

public bool Execute(TaskActionConfig action, TaskActionAPI.Task t, out string message)
    {
        message = GetName();
        string configMessage = "Test Message";
        bool result = TestConfiguration(action, out configMessage);
        // Run hyperlinking tool. 
        HyperlinkingTool(t);

        return true;
    }

    // **************************GetName**************************
    public string GetName()
    {
        string HyperlinkPDFs = "Hyperlink PDFs";
        return HyperlinkPDFs;
    }

    // **************************TestConfiguration**************************
    public bool TestConfiguration(TaskActionConfig action, out string message)
    {
        Dictionary<string, string> parameter = action.Parameters;
        bool result = true;
        message = "Config Message";
        return result; 
    }

方法 GetName() 需要 return 与 .ascx 文件同名。这将注册 .ascx 文件并加载它。