基于单击事件渲染局部视图

本文关键字：染局 视图 事件 于单击 单击 | 更新日期: 2023-09-27 18:20:26

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

Razor视图：索引.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。有什么想法吗？

感谢

基于单击事件渲染局部视图

您可以使用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>
}
相关文章：