我的Web应用程序中有一个显示用户列表的视图。
我正在使用视图组件显示它们,因为有两个事件希望触发用户列表的重新加载而不重新加载页面。
这就是我所拥有的:
<div class="main-content">
<div class="row">
<div id="users-container" class="col-sm-12 col-lg-8">
@await Component.InvokeAsync("UsersList")
</div>
<button type="button" class="btn">Create User</button>
</div>
</div>
<script>
function reloadUsers() {
$.get("/GetUsers", function (data)
{
$('#users-container').html(data);
});
}
</script>
我还有一个按钮,它会打开一个模式并加载包含创建用户表单的局部视图。
我的问题是,提交表单后,我需要从该局部视图调用reloadUsers
。但是部分视图对该功能一无所知,因为它处于不同的视图中。
实现此目标的最佳做法是什么?