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

Question

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

Razor View：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>

用于skill_list的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>
}