如何使用按钮将页面“注入”到现有页面中以选择页面答案

【问题标题】：How can I "inject" pages into my existing page using buttons to select the page如何使用按钮将页面“注入”到现有页面中以选择页面
【发布时间】：2019-06-18 19:20:23
【问题描述】：

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

以这个草图为例：

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

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

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

这将如何使用 Razor 完成？

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

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

【问题讨论】：

标签： c# jquery razor inject

【解决方案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 中加载的文件。

【讨论】：