根据点击事件渲染局部视图

Question

在我的 MVC 应用程序中，我有许多部分视图，只有在单击超链接时才能显示特定的部分视图。

剃刀视图：Index.Html

@Html.Partial("ViewSkills")
@Html.Partial("Skill_List")

部分代码：Skill_List.cshtml

<div class="skill_list">
Some content here
</div>

部分代码：ViewSkills.cshtml

<div class="View Skill">
<input type="button" id="viewskills" value="View Skills" /> 
</div>

技能列表的 CSS

.skill_list {
display : none
}

我的目标是让 ID 为 viewskills 的按钮在点击时呈现 Skill_list 部分视图？

我不想使用任何 Javascript 、 Jquery 或 Ajax 。我的目标是只使用 C# 和 CSHTML 来做到这一点。有什么想法吗？

谢谢

Answer 1

您可以使用 Ajax.BeginForm 插入/替换元素以重新调整部分视图 html。

<div id="viewskills" class="skill_list">
Some content here
</div>

@using(Ajax.BeginForm("Viewskills", new AjaxOptions { UpdateTargetId = "viewskills", HttpMethod = "Post" }))
{
     <div>
        <input type="submit" value="View Skills" id="btnViewSkills" />
    </div>
}