如何使用按钮选择页面，将页面“注入”现有页面

Question

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

以此草图为例：

     Name        |   Page Chooser
                 |-----------------
     Chooser     |   Page Content
                 |

在Razor页面中，我想点击“名称选择器”部分中的名称，并根据该选择的ID填充“页面内容”。然后，如果用户单击“页面选择器”部分中的按钮，则使用在名称中选择的相同ID更新“页面内容”部分，但使用新页面的控件。

在Web表单中，我可能会使用嵌套的母版页，其中主页面是网站导航，页眉和页脚，嵌套母版页将具有名称选择器和页面选择器。子页面将是“页面内容”部分。

如何使用Razor实现这一目标？

有更快的方法吗？我真的只需要渲染“页面内容”部分而不是其他所有部分。

注意：“页面内容”可以是输入，表格，表格等。

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中加载的文件。