如何使用 select 页面的按钮将 "inject" 页面添加到我现有的页面

Question

我是 Razor 页面的新手，希望有一个简单的答案。

以此草图为例：

     名称 |页面选择器
                 |--------------------
     选择器 |页面内容
                 |

在 Razor 页面中，我想单击 "Name Chooser" 部分中的名称，并根据该选择的 ID 填充 "Page Content"。然后，如果用户单击 "Page Chooser" 部分中的按钮，则 "Page Content" 部分使用在名称选择中选择的相同 ID 进行更新，但使用新页面的控件。

在 Web 表单中，我可能会为此使用嵌套母版页，其中主页是站点导航、页眉和页脚，嵌套母版页将具有名称选择器和页面选择器。子页面将是 "Page Content" 部分。

这将如何使用 Razor 完成？

有没有更快的方法？我真的只需要渲染 "Page Content" 部分而不是其他所有内容。

注："Page Content"可以是输入、表格、表格等

Answer 1

我找到了答案。首先，我使用嵌套布局来获得我想要的布局。然后，我放入一个 <div> 来保存页面将注入的位置。

<button id="btnTest" class="btn">Test</button>
<div id="content">This shows the area that will change</div>

然后，在JavaScript：

$('#btnTest').click(function () { $('#content').load('/Test');});

它适用于我想要的 Razor 页面。我现在可以用按钮栏或类似的东西替换单个测试按钮，只需添加更多 jQuery 来更改 JavaScript.

中的加载文件

如何使用 select 页面的按钮将 "inject" 页面添加到我现有的页面

How can I "inject" pages into my existing page using buttons to select the page

c#

jquery

razor

inject