Question

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

以该草图为例：

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

在“剃刀”页面中，我想单击“名称选择器”部分中的名称，然后根据该选择的ID填充“页面内容”。然后，如果用户单击“页面选择器”部分中的按钮，则“页面内容”部分将使用在名称select中选择的相同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中加载的文件。